【问题标题】:AngularJS: Animate object from DIV A to DIV B in straight lineAngularJS:动画对象从 DIV A 到 DIV B 直线
【发布时间】:2014-06-03 08:35:10
【问题描述】:

假设我有一个向导,并且有 3 个部分,假设它是这样的。

[A]----[B]----[C]

假设当前在范围中选择了 A。这是一个彩色的红色圆圈。当 B 在范围内被选中时,可以移动一个对象(假设一条 10px 宽和 10px 高的彩色分段线沿着分段线从 A 点移动到 B 点?

如果能得到一个简单的解决方案来计算当前在范围内选择的情况,当它发生变化时,计算一条直线(它始终是水平的),然后将一个对象从当前选择的对象移动到新选择的对象。

如何使用 AngularJS 动画来做到这一点?或者可以用 CSS3 或 javascript 代替吗?

感谢任何指针或代码。

【问题讨论】:

    标签: angularjs css animation


    【解决方案1】:

    你可以按照这些思路做一些事情。不确定这是否是您想要的。

    这使用 ng-class,实际上只最适合几个不同的线性位置。可能有一个涉及 SASS 的更动态、更完整的解决方案。但我希望这会有所帮助

    http://plnkr.co/edit/vMY8bSmpENj4FIv7R1yw?p=preview

    【讨论】:

      猜你喜欢
      • 2020-03-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-05
      • 2017-03-21
      • 2015-09-27
      • 2021-10-25
      • 2013-06-04
      相关资源
      最近更新 更多