jQueryIE6困境:动画向左滚动还是向左滚动?

jQueryIE6困境:动画向左滚动还是向左滚动?,jquery,performance,internet-explorer-6,scroll,Jquery,Performance,Internet Explorer 6,Scroll,我有几个面板,我使用jQuery慷慨提供的动画功能水平滑动 问题是,100%的客户端将使用我正在使用的这个小应用程序使用IE6。我担心的是,由于面板上包含了一些元素,因此IE6和将看到这一点的相当差的个人电脑的速度会非常慢 现在的问题是,我应该设置scrollLeft动画以滚动父div还是应该重新定位子div动画css left属性 通过选择一个而不是另一个,是否有任何性能提升?(我目前无法在目标PC上进行测试,以便能够做出经验决策。) 谢谢。根据我的经验,设置“向左滚动”的动画可以提供更好的性

我有几个面板,我使用jQuery慷慨提供的动画功能水平滑动

问题是,100%的客户端将使用我正在使用的这个小应用程序使用IE6。我担心的是,由于面板上包含了一些元素,因此IE6和将看到这一点的相当差的个人电脑的速度会非常慢

现在的问题是,我应该设置scrollLeft动画以滚动父div还是应该重新定位子div动画css left属性

通过选择一个而不是另一个,是否有任何性能提升?(我目前无法在目标PC上进行测试,以便能够做出经验决策。)


谢谢。

根据我的经验,设置“向左滚动”的动画可以提供更好的性能,因为大多数浏览器在滚动时不会重新绘制整个窗口(否则,对于速度较慢的计算机来说,向下滚动页面会非常慢……),而设置“向左css”属性的动画会导致浏览器重新绘制。

一般来说,可以设置动画的元素越少,性能就越好。如果可以,选择经验上最快的选项。否则,选择设置最少元素动画的选项。嗨,布莱恩。遗憾的是,我无法在相关机器上测试它。在这两种情况下,移动的元素数量相同,只有一个滚动父内容,而另一个重新定位父内容。这只是我不久前的一个观察结果,现在不太明显了,因为我们的计算机更快了(而且浏览器现在更优化了)。这里的一个基准()支持它,但差异似乎可以忽略不计,它告诉我们使用translateX/Y。另一个SO答案提供了更多关于浏览器重画或回流的细节: