亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

clientHeight和scrollHeight的區別，誰知道

clientHeight和scrollHeight的區別,麻煩解釋下

正在回答

8 回答

網頁可見區域高：document.body.clientHeight
網頁正文全文高：document.body.scrollHeight
網頁可見區域高（包括邊線的高）：document.body.offsetHeight
網頁被卷去的高：document.body.scrollTop
屏幕分辨率高：window.screen.height

通常情況下，你如果要獲取一個元素的真正大小，是需要對它的clientHeight和scrollHeight進行判斷的，哪一個大，哪一個就是它的真實高度

8 回復 有任何疑惑可以回復我~
#1

呦呦慕粉 提問者

非常感謝！
2017-05-28 回復 有任何疑惑可以回復我~

mark

0 回復 有任何疑惑可以回復我~

mark

0 回復 有任何疑惑可以回復我~

mark? //2019年5月23日16:06:37

0 回復 有任何疑惑可以回復我~

mark

0 回復 有任何疑惑可以回復我~

mark

0 回復 有任何疑惑可以回復我~

scrollWidth：對象的實際內容的寬度，不包邊線寬度，會隨對象中內容超過可視區后而變大。?
clientWidth：對象內容的可視區的寬度，不包滾動條等邊線，會隨對象顯示大小的變化而改變。?
offsetWidth：對象整體的實際寬度，包滾動條等邊線，會隨對象顯示大小的變化而改變。

情況1：

元素內無內容或者內容不超過可視區，滾動不出現或不可用的情況下。

scrollWidth=clientWidth，兩者皆為內容可視區的寬度。

offsetWidth為元素的實際寬度。

http://img1.sycdn.imooc.com//592fe0a90001214b05340280.jpg

情況2：

元素的內容超過可視區，滾動條出現和可用的情況下。

scrollWidth>clientWidth。

scrollWidth為實際內容的寬度。

clientWidth是內容可視區的寬度。

offsetWidth是元素的實際寬度。

http://img1.sycdn.imooc.com//592fe0b8000135d306160362.jpg

60 回復 有任何疑惑可以回復我~
#1

Mr_Jp黎

做個筆記
2017-06-27 回復 有任何疑惑可以回復我~
#2

慕容5293102

棒。。
2018-08-02 回復 有任何疑惑可以回復我~
#3

小熊貓33

學到了學到了
2018-10-23 回復 有任何疑惑可以回復我~
#4

員與猿與緣

贊一個
2019-03-13 回復 有任何疑惑可以回復我~
查看1條回復

。。。。。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

clientHeight和scrollHeight的區別，誰知道

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號