Javascript：修改 scrollTop/scrollLeft 会触发浏览器重排吗？答案

【问题标题】：Javascript: Does modifying scrollTop/scrollLeft trigger browser reflow?Javascript：修改 scrollTop/scrollLeft 会触发浏览器重排吗？
【发布时间】：2011-01-25 16:20:11
【问题描述】：

我想知道使用 Javascript 为滚动条设置动画是否会触发浏览器重排。

不同浏览器实现有什么区别？

window.pageXOffset & window.pageYOffset
document.documentElement.scrollLeft & document.documentElement.scrollTop
document.body.scrollLeft & document.body.scrollTop

谢谢！

【问题讨论】：

标签： javascript performance scrollbar reflow

【解决方案1】：

根据this question，没有。

【讨论】：

【解决方案2】：

我深入挖掘并发现这个链接说它确实会导致回流： http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/

我还对其进行了测试并修改了 scrollTop 和 scrollLeft 都触发了回流（至少在 Firefox 中）。

抱歉回答我自己的问题，但希望这些信息对某人有用:)。

【讨论】：

好文章，谢谢。抱歉，我在没有深入研究的情况下回答这个问题太仓促了。
是的，根据我的测试和 Paul Irish 的综合列表触发回流：gist.github.com/paulirish/5d52fb081b3570c81e3a