Velocity.js＆＃39;性能非常低

Question

我刚刚将我目前正在使用的一个网站的动画引擎从Jquery Transit更改为Velocity.js。我只是将transition（）更改为velocity（），当它工作时，Velocity.js渲染的动画表现得更糟（比Transit＆＃39; s）。使用Transit，我得到几乎完美的60fps和正确的计时，而Velocity给我不到10 fps，动画速度似乎不正确。与Transit相比，Velocity的动画给人一种沉重和迟钝的印象，但理论上Velocity应该表现得更好。

有人知道问题可能是什么吗？难道它与slick.js（carousel）冲突，它也存在于该网站上？

这里是我使用的语法的摘录，我认为没什么特别的。

$contactOverlay.velocity({ height: '100%' }, 300);

感谢您的帮助。

Answer 1

如果它与其他动画库一起使用，如jQuery的动画（特别是当它们同时处于活动状态时），Velocity.js表现不佳。确保Velocity.js是唯一能够在页面上设置动画元素的东西。 根据我的经验，纯CSS动画应该不是问题。