IE9中的动画在兼容模式下明显比标准模式快?

时间:2011-10-12 21:11:55

标签: jquery performance internet-explorer internet-explorer-9

所以我有一个有很多活动部件的网络应用程序。大多数部件都是使用jquery移动的。正如在堆栈溢出上说的那么多次,它在Chrome,Firefox或Safari中的效果比在IE上好得多。事实上,它在IE7或IE8上比在IE9上效果更好。

基本上我有一个无序列表,其中所有列表项最初都是使用display:none隐藏的。页面上还有一个播放音频文件的媒体播放器。当音频播放时,子弹会及时显示使用$(“。timeable [begin ='i']”)。show()其中i是音频中的当前时间。

<ul>
  <li class="timeable" begin="1">First Item</li>
  <li class="timeable" begin="5">Second Item</li>
</ul>

另一个移动部件是底部的擦洗条,它也会根据时间由jquery移动。还有其他的事情,但我想让这对我解释其他人理解起来很简单。

擦洗条的所有功能都会在适当的时间移动lis show但是,当我在标准模式下运行IE9时,擦洗条变得非常不稳定并且lis有时会延迟并且不会在适当的时间显示。如果我让IE9在兼容模式下运行,一切都运行得更顺畅。而且越多,它越慢。关于为什么的任何线索?

顺便说一句,我确信会有“没有足够的信息”的呼声,但也许你可以谈论一般性。但随时可以提出更多问题。

1 个答案:

答案 0 :(得分:1)

我无法回答“为什么”你会看到这种行为,但是,我也看到了完全相同的问题。在IE9兼容性,工作正常。在IE9 Normal中,因为我为一个正在崩溃的分区制作动画,所以非常不稳定。在折叠(宽度变为零)时,折叠div中的十二个+分区开始按预期缩小,同时所有div的高度变得更高和更高,再次如预期的那样,并且div中的文本被移位和渲染。这非常不稳定。

当我在折叠div中具有较少内部div的另一页面上执行相同类型的操作时,动画会按预期更平滑。唯一的结论是,IE9花费了大量时间来根据自然休息(空格,逗号等)重新渲染文本行。更多的时间,动画超过引擎重新渲染的能力,导致不稳定的显示。