2

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

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

谢谢!

4

1 回答 1

1

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

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

于 2013-01-25T03:05:40.177 回答