VelocityJS 有像 TweenMax 这样的“来自”方法吗？答案

【问题标题】：Does VelocityJS has some "from" method like TweenMax?VelocityJS 有像 TweenMax 这样的“来自”方法吗？
【发布时间】：2015-08-09 15:06:44
【问题描述】：

在 TweenMax 中我可以这样做：

TweenMax.from(block,3,{x:500,y:500});

在这种情况下，动画到原始位置（我希望我足够清楚，但我确信使用 TweenMax 的任何人都知道 'from' 与 'to' 的区别）。

如何使用 VelocityJS 实现同样的效果？

对不起，如果我的问题可能是幼稚的，但我不知道该怎么做。

提前致谢。

【问题讨论】：

不要认为在VelocityJS中有TweenMax的等价方法.from()我知道。正如 @ydaniv 建议的那样，直接在 CSS 中设置值或在执行 VelocityJS 动画之前使用 jQuery 的 .css() 设置值。
我认为这个问题没有具体问题，它仍然可以作为从 GSAP 背景到 Velocity 的人的参考。

【解决方案1】：

Velocity 中并没有真正的相应方法可以做到这一点，因此实现此效果的最佳方法是在 CSS 中将元素设置为其初始状态，然后将其动画化为最终状态，以及force-feeding 以获得最佳性能。示例：

在您的 CSS 中：

#block { transform: translateX(100%); }

在 JS 中：

Velocity(document.getElementById('block'), { translateX: [0, '100%'] });

【讨论】：