課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
clientHeight和scrollHeight的區(qū)別,麻煩解釋下
2017-05-27
源自:JavaScript進階篇 9-19
正在回答
網(wǎng)頁可見區(qū)域高:document.body.clientHeight網(wǎng)頁正文全文高:document.body.scrollHeight網(wǎng)頁可見區(qū)域高(包括邊線的高):document.body.offsetHeight網(wǎng)頁被卷去的高:document.body.scrollTop屏幕分辨率高:window.screen.height
通常情況下,你如果要獲取一個元素的真正大小,是需要對它的clientHeight和scrollHeight進行判斷的,哪一個大,哪一個就是它的真實高度
呦呦慕粉 提問者
mark
mark? //2019年5月23日16:06:37
scrollWidth:對象的實際內(nèi)容的寬度,不包邊線寬度,會隨對象中內(nèi)容超過可視區(qū)后而變大。?clientWidth:對象內(nèi)容的可視區(qū)的寬度,不包滾動條等邊線,會隨對象顯示大小的變化而改變。?offsetWidth:對象整體的實際寬度,包滾動條等邊線,會隨對象顯示大小的變化而改變。
情況1:
元素內(nèi)無內(nèi)容或者內(nèi)容不超過可視區(qū),滾動不出現(xiàn)或不可用的情況下。
scrollWidth=clientWidth,兩者皆為內(nèi)容可視區(qū)的寬度。
offsetWidth為元素的實際寬度。
情況2:
元素的內(nèi)容超過可視區(qū),滾動條出現(xiàn)和可用的情況下。
scrollWidth>clientWidth。
scrollWidth為實際內(nèi)容的寬度。
clientWidth是內(nèi)容可視區(qū)的寬度。
offsetWidth是元素的實際寬度。
Mr_Jp黎
慕容5293102
小熊貓33
員與猿與緣
。。。。。
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
2 回答clientHeight,scrollHeight和offsetHeight到底有什么區(qū)別
2 回答關(guān)于scrollHeight(Width)和clientHeight(Width)的運用?
1 回答documentElement body的差別,還有clientHeight offsetHeight scrollHeight的差別
1 回答offsetHeight scrollHeight clientHeight
1 回答...clientHeight是18 scrollHeight就是600
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-05-28
網(wǎng)頁可見區(qū)域高:document.body.clientHeight
網(wǎng)頁正文全文高:document.body.scrollHeight
網(wǎng)頁可見區(qū)域高(包括邊線的高):document.body.offsetHeight
網(wǎng)頁被卷去的高:document.body.scrollTop
屏幕分辨率高:window.screen.height
通常情況下,你如果要獲取一個元素的真正大小,是需要對它的clientHeight和scrollHeight進行判斷的,哪一個大,哪一個就是它的真實高度
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:對象的實際內(nèi)容的寬度,不包邊線寬度,會隨對象中內(nèi)容超過可視區(qū)后而變大。?
clientWidth:對象內(nèi)容的可視區(qū)的寬度,不包滾動條等邊線,會隨對象顯示大小的變化而改變。?
offsetWidth:對象整體的實際寬度,包滾動條等邊線,會隨對象顯示大小的變化而改變。
情況1:
元素內(nèi)無內(nèi)容或者內(nèi)容不超過可視區(qū),滾動不出現(xiàn)或不可用的情況下。
scrollWidth=clientWidth,兩者皆為內(nèi)容可視區(qū)的寬度。
offsetWidth為元素的實際寬度。
情況2:
元素的內(nèi)容超過可視區(qū),滾動條出現(xiàn)和可用的情況下。
scrollWidth>clientWidth。
scrollWidth為實際內(nèi)容的寬度。
clientWidth是內(nèi)容可視區(qū)的寬度。
offsetWidth是元素的實際寬度。
2017-05-27
。。。。。