2013-10-17 57 views
0

我的问题很简单,浏览器回流还是不回流?

为什么我可以看到镀铬devtool时间线上的任何回流,当我试图得到一个元素的偏移位置?

我刚读此=>

的offsetTop,offsetLeft,offsetWidth,的offsetHeight, scrollTop的/左/宽度/高度,ClientTop /左/宽度/高度, 的getComputedStyle(),或currentStyle在IE

所有这些上述的基本上请求样式信息有关 一个节点,你做的任何时间,浏览器给你最 跟上时代的价值。为了这样做,它需要应用所有计划的 更改,冲洗队列,咬住子弹并执行回流。

所以,我打开我的铬devtool时间表,但我没有看到任何重新计算样式(紫色的东西),当我试试这个:

element.offsetHeight; 

看到一些渲染的唯一方法是改变风格元素:

element.style.left = element.offsetLeft + 10 + "px"; 

我期待看到一个回流每次我试图让窗口的滚动顶部,但没有:/

$(window).scrollTop(); 

回答