js中offset,client , scroll 三大元素知識點總結
來源：懂視網
責編：小采
時間：2020-11-27 21:50:41
js中offset,client , scroll 三大元素知識點總結
js中offset,client , scroll 三大元素知識點總結:js 元素offset,client , scroll 三大系列總結 1，element.offsetWidth : 包括 padding 和 邊框 2，element.clientWidth : 包括 padding ，不包含邊框 ， 內容超出會溢出盒子的時候，就用scrollWidth 3，element.scrollWidth
導讀js中offset,client , scroll 三大元素知識點總結:js 元素offset,client , scroll 三大系列總結 1，element.offsetWidth : 包括 padding 和 邊框 2，element.clientWidth : 包括 padding ，不包含邊框 ， 內容超出會溢出盒子的時候，就用scrollWidth 3，element.scrollWidth
js 元素offset,client , scroll 三大系列總結
1，element.offsetWidth : 包括 padding 和 邊框
2，element.clientWidth : 包括 padding ，不包含邊框 ， 內容超出會溢出盒子的時候，就用scrollWidth
3，element.scrollWidth : 不包含邊框
主要用法：
1，offset 系列 經常用于獲得元素位置 offsetLeft offsetTop
2，client經常用于獲取元素大小， clientWidth , clientHeight
3，scroll經常用于獲取滾動距離，scrollTop scrollLeft
4，注意頁面滾動距離 通過 window.pageXoffset window.pageYoffset 獲得
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js中offset,client , scroll 三大元素知識點總結
js中offset,client , scroll 三大元素知識點總結:js 元素offset,client , scroll 三大系列總結 1，element.offsetWidth : 包括 padding 和 邊框 2，element.clientWidth : 包括 padding ，不包含邊框 ， 內容超出會溢出盒子的時候，就用scrollWidth 3，element.scrollWidth
