Velocity.js的性能非常低

Question

我刚刚将我目前正在工作的一个网站的动画引擎从Jquery Transit改为Velocity.js。我只是简单地将transition()更改为velocity()，当它工作时，Velocity.js渲染的动画性能要差得多(比运输的)。使用运输，我得到了几乎完美的60fps和正确的时间，而Velocity给我的速度不到10fps，动画速度似乎不正确。Velocity的动画给人的印象是沉重和缓慢的相比，但在理论上Velocity应该表现得更好。

有人知道问题出在哪里吗？它会不会与slick.js (carousel)冲突，后者也出现在该站点上？

以下是我使用的语法摘录，我认为没有什么不寻常之处。

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

谢谢你的帮助。

Answer 1

如果Velocity.js与其他动画库一起使用，比如jQuery的动画(特别是当它们同时处于活动状态时)，它的性能就不会很好。确保Velocity.js是唯一在页面上为元素添加动画的东西。根据我的经验，纯CSS动画应该不是问题。