Velocity.js 的性能非常低答案

【问题标题】：Velocity.js' very low performanceVelocity.js 的性能非常低
【发布时间】：2016-01-20 00:02:21
【问题描述】：

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

有人知道问题可能是什么吗？会不会与该网站上也存在的 slick.js（轮播）冲突？

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

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

感谢您的所有帮助。

【问题讨论】：

你能提供更多代码吗？你的html和其他相关的js？一个小提琴将是理想的。

标签： javascript animation velocity.js

【解决方案1】：

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

【讨论】：