javascript - CSS 与 JavaScript 水平滑动/过渡

Question

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

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

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

另一个相关问题:移动到浏览器窗口之外的内容是否对性能有很大影响？

Answer 1

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

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

浏览器窗口外的内容不会造成更大的压力。事实上，它可能会更快，因为浏览器不必呈现任何内容。