jQuery - 页面上的多个动画

Question

我有一个带动画下拉导航（滑动）的菜单。在同一页面上，我有一个幻灯片（位于导航下方）。

在IE浏览器中，当我在导航中导航时，我有很大的hickup，而幻灯片正在滑动。似乎IE无法同时处理这两种转换。

如何修复“页面上的多个动画”问题？

Answer 1

Internet Explorer在动画期间执行缓存和显示背景图像（特别是重复的背景图像）的工作非常糟糕 - 基本上，对于每个动画帧，I.E。加载，放置和渲染重复背景图像的每个实例。 (Source of this information)

IE的JavaScript渲染引擎严重缺乏。除了优化图像（或用CSS替换它们）以及减少必须处理的动画量之外，你还可以做很多事情。