2013-10-17 55 views
0

我的問題很簡單,瀏覽器迴流還是不迴流?

爲什麼我可以看到鍍鉻devtool時間線上的任何迴流,當我試圖得到一個元素的偏移位置?

我剛讀此=>

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

所有這些上述的基本上請求樣式信息有關 一個節點,你做的任何時間,瀏覽器給你最 跟上時代的價值。爲了這樣做,它需要應用所有計劃的 更改,沖洗隊列,咬住子彈並執行迴流。

所以,我打開我的鉻devtool時間表,但我沒有看到任何重新計算樣式(紫色的東西),當我試試這個:

element.offsetHeight; 

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

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

我期待看到一個迴流每次我試圖讓窗口的滾動頂部,但沒有:/

$(window).scrollTop(); 

回答