CSS vs JavaScript水平幻灯片/转换

时间:2011-03-14 15:12:28

标签: javascript css performance

我制作了两种不同的水平滑动导航方法(demo)。

第一个是使用jQuery的animate()函数,另一个是使用jQuery设置css left 属性来设置位置和静态css 过渡属性来制作它滑了。 (目前仅适用于webkit的safari和chrome)。

我的问题是,滑动我的内容的最佳方法是什么。我需要制作动画的内容非常大,这就是为什么我对使用这些方法的性能感到担忧。

另一个相关问题:移出浏览器窗口的内容是否会影响性能?

1 个答案:

答案 0 :(得分:2)

如果您的第二个选项仅适用于webkit浏览器,我认为答案非常明确。

另外,我认为jQuerys自己的动画功能将是最快的。

浏览器窗口之外的内容不会带来更大的压力。事实上,它应该更快,因为浏览器不必渲染任何东西。