桂圓
2016-10-15 22:04:34
看了w3cschool上寫的是?element.offsetHeight 返回,任何一個元素的高度包括邊框和填充,但不是邊距element.scrollHeight 返回整個元素的高度(包括帶滾動條的隱蔽的地方)?沒看明白,大神給解釋下吧
4 回答
已采納

chwech
TA貢獻63條經驗 獲得超18個贊
上個自己畫的圖。有點丑,湊合著看吧。圖中有陰影的是一個元素。陰影是邊框border,那個很丑的箭頭代表滾動條。offsetHeight就是border+content+padding的高度。不包括外邊距。scrollHeight就是元素內容的總高度,有隱藏的內容就是圖中的狀況。scrollLeft和scrollTop就是被隱藏的地方到滾動條的距離。嗯,就是這樣。小白,大神輕拍

慕先生8224389
TA貢獻2條經驗 獲得超1個贊
clientHeight
四種瀏覽器對 clientHeight 的解釋都沒有什么異議,都認為是內容可視區域的高度,也就是說頁面瀏覽器中可以看到內容的這個區域的高度,一般是最后一個工具條以下到狀態欄以上的這個區域,與頁面內容無關。
offsetHeight
IE、Opera 認為 offsetHeight = clientHeight + 滾動條 + 邊框。
NS、FF 認為 offsetHeight 是網頁內容實際高度,可以小于 clientHeight。
scrollHeight
IE、Opera 認為 scrollHeight 是網頁內容實際高度,可以小于 clientHeight。
NS、FF 認為 scrollHeight 是網頁內容高度,不過最小值是 clientHeight。
添加回答
舉報
0/150
提交
取消