scrollWidth和clientWidth

scrollWidth:對(duì)象的實(shí)際內(nèi)容的寬度,不包邊線寬度,會(huì)隨對(duì)象中內(nèi)容超過可視區(qū)后而變大。

clientWidth:對(duì)象內(nèi)容的可視區(qū)的寬度,不包滾動(dòng)條等邊線,會(huì)隨對(duì)象顯示大小的變化而改變。

offsetWidth:對(duì)象整體的實(shí)際寬度,包滾動(dòng)條等邊線,會(huì)隨對(duì)象顯示大小的變化而改變。

情況1:

元素內(nèi)無內(nèi)容或者內(nèi)容不超過可視區(qū),滾動(dòng)不出現(xiàn)或不可用的情況下。

scrollWidth=clientWidth,兩者皆為內(nèi)容可視區(qū)的寬度。

offsetWidth為元素的實(shí)際寬度。

情況2:

元素的內(nèi)容超過可視區(qū),滾動(dòng)條出現(xiàn)和可用的情況下。

scrollWidth>clientWidth。

scrollWidth為實(shí)際內(nèi)容的寬度。

clientWidth是內(nèi)容可視區(qū)的寬度。

offsetWidth是元素的實(shí)際寬度。

來自慕課網(wǎng)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容