Firefox 动画口吃答案

【问题标题】：Firefox Animation StutteringFirefox 动画口吃
【发布时间】：2013-06-13 11:08:39
【问题描述】：

我正在使用 jquery-isotope，它使用 css3 或 jquery 中的“最佳可用”来制作动画。但在 Firefox 中，动画中有很多卡顿现象。同样在悬停时，文本会出现一些奇怪的东西。 http://isiddharth.com/beta/index.html#skills
在 Firefox 中打开

http://i.stack.imgur.com/RjdAV.png -- 截图

在第二行的第一张图片中，'Mechanics'上方有一些奇怪的东西

问题是否与用户机器的图形功能有关？

【问题讨论】：

我查看了您与 FF21.0 的链接 - 一切似乎都运行良好。不错的页面，顺便说一句。您能否发布一个简单的示例来演示问题，或者明确指出问题发生的位置？
感谢迈克。动画渲染是否取决于机器的硬件规格。我的意思是浏览器动画是否使用本地 GPU？
@MikeW 请查看编辑
Sorry Sid - 我的机器上仍然没有发现问题（2.4GHz 的老式单核 CPU）。偶尔会出现口吃，但我把它归结为 Javascript 的常见变幻莫测。由于垃圾收集系统，Firefox 的动画流畅度一直存在问题，但自从引入 Progressive GC 以来，它有了很大的改进。动画性能与机器性能相关，使用 GPU 可能是您使用 CSS 的浏览器实现者的一个选项。我不能说他们是否使用它。
你为什么要重复同样的问题？ stackoverflow.com/questions/17076352/… 和 stackoverflow.com/questions/17077059/… 的重复项

标签： jquery css firefox jquery-isotope

【解决方案1】：

Firefox 的动画引擎很差。它总是将事物四舍五入到一个均匀的像素，而不是支持子像素渲染，并且它要么在执行许多其他操作的同一线程中执行动画，要么经常阻塞动画线程。不幸的是，它会产生非常不流畅的动画，并且有很多口吃。这是浏览器，您对此无能为力。如果人们想继续使用那个浏览器，尽管它的动画很差，你真的无能为力。

【讨论】：