javascript - jQuery 动画 scrollTop 与 requestAnimationFrame - 性能

Question

如果我有一个包含大量图像的页面，其中应用了很多 CSS 效果和 CSS 动画，我是否会通过循环使用与使用 jQuery 以编程方式将页面滚动到某个点“x”来获得window.scrollTo性能requestAnimationFrame提升$("html").animate({ scrollTop: "x" })？

Tl;DR — rAF +window.scrollto()与.animate({scrollTop: "x"})性能

谢谢！

Answer 1

window.scrollTo()更快，因为它是原生 JavaScript。对 jQuery 的任何调用都比较慢，因为两者都$()将.animate()（可能）比单个window.scrollTo()调用花费更多时间。没有时间使用也很浪费，.animate({scrollTop ...因为你可以只使用$("html").scrollTop(). 无论如何，window.scrollTo()应该比这更快，并且具有跨浏览器兼容的优势。如果您不打算为滚动设置动画，我会说使用它。

免责声明：您可能不会看到太大的性能差异。