|
|
有這張圖就夠了，簡單地說明一下
以Height為例，Width同理：
div.clientHeight：可見窗口除去了margin+border之后的長度。
div.offsetHeight：在div.clientHeight的基礎(chǔ)上加了border和滾動(dòng)條的長度。
div.scrollHeight：就是元素內(nèi)容的實(shí)際高度。
以Top為例，Left同理：
div.clientTop：margin之后padding之前的長度值。
div.offsetTop：該元素的上border的上邊緣 到 該元素的offsetParent的上border內(nèi)邊緣的垂直距離。
div.scrollTop：對象的最頂部到對象在當(dāng)前窗口顯示的范圍內(nèi)的頂邊的距離，即是在出現(xiàn)了縱向滾動(dòng)條的情況下，滾動(dòng)條拉動(dòng)的距離。
關(guān)于offsetParent，不同的瀏覽器有不同的實(shí)現(xiàn)算法，有一種常見布局在各種瀏覽器中 offsetParent 是一樣的，那就是：外層元素 div 的 position 計(jì)算值是 relative、absolute 時(shí)，內(nèi)層元素 div 的 offsetParent 總是外層元素 div。
JavaScript技術(shù)：JavaScript中的一些定位屬性[圖解]，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
