CSS与JavaScript水平滑动/转换

我做了两种不同的水平滑动导航方法（）

第一个是使用jQuery的animate（）函数，另一个是使用jQuery设置css left属性以设置位置，并使用静态css转换属性使其滑动。（目前仅适用于webkit的safari和chrome）

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

---

还有另一个相关的问题：移动到浏览器窗口之外的内容会对性能产生很大影响吗

如果您的第二个选项仅适用于webkit浏览器，我认为答案非常清楚

另外，我假设jQuerys自己的动画函数是最快的

---

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

“此外，我认为jQuerys自己的动画功能将是最快的。”比内置于HTML引擎（WebKit）中的转换更快？不太可能。可能，但不太可能。啊，读得太快了，没看到他指的是一个内置的方法。但排除所有其他浏览器仍然不是一个可行的选择，他需要添加一个备用选项无意冒犯WebKit的家伙们，随着Chrome的普及，未来几年将会有很大的变化，但现在它们占总数的11%…我正在考虑使用css动画，完全放弃非WebKit浏览器的动画。根据我的经验，webkit目前的性能最好。其他浏览器的动画运行不太顺畅。通过使用CSS方法，快速浏览器将运行动画，其他浏览器将很好地降级为即时定位。