clientHeight和scrollHeight的區(qū)別，誰(shuí)知道
clientHeight和scrollHeight的區(qū)別,麻煩解釋下
呦呦慕粉
2017-05-27
8 回答
舉報(bào)
0/150
提交
取消
2017-05-28
網(wǎng)頁(yè)可見(jiàn)區(qū)域高：document.body.clientHeight
網(wǎng)頁(yè)正文全文高：document.body.scrollHeight
網(wǎng)頁(yè)可見(jiàn)區(qū)域高（包括邊線的高）：document.body.offsetHeight
網(wǎng)頁(yè)被卷去的高：document.body.scrollTop
屏幕分辨率高：window.screen.height
通常情況下，你如果要獲取一個(gè)元素的真正大小，是需要對(duì)它的clientHeight和scrollHeight進(jìn)行判斷的，哪一個(gè)大，哪一個(gè)就是它的真實(shí)高度
2019-08-29
mark
2019-08-03
mark
2019-05-23
mark? //2019年5月23日16:06:37
2018-01-24
mark
2017-11-13
mark
2017-06-01
scrollWidth：對(duì)象的實(shí)際內(nèi)容的寬度，不包邊線寬度，會(huì)隨對(duì)象中內(nèi)容超過(guò)可視區(qū)后而變大。?
clientWidth：對(duì)象內(nèi)容的可視區(qū)的寬度，不包滾動(dòng)條等邊線，會(huì)隨對(duì)象顯示大小的變化而改變。?
offsetWidth：對(duì)象整體的實(shí)際寬度，包滾動(dòng)條等邊線，會(huì)隨對(duì)象顯示大小的變化而改變。
情況1：
元素內(nèi)無(wú)內(nèi)容或者內(nèi)容不超過(guò)可視區(qū)，滾動(dòng)不出現(xiàn)或不可用的情況下。
scrollWidth=clientWidth，兩者皆為內(nèi)容可視區(qū)的寬度。
offsetWidth為元素的實(shí)際寬度。
情況2：
元素的內(nèi)容超過(guò)可視區(qū)，滾動(dòng)條出現(xiàn)和可用的情況下。
scrollWidth>clientWidth。
scrollWidth為實(shí)際內(nèi)容的寬度。
clientWidth是內(nèi)容可視區(qū)的寬度。
offsetWidth是元素的實(shí)際寬度。
2017-05-27
。。。。。