js中offset,client , scroll 三大元素知識點總結(jié)
js 元素offset,client , scroll 三大系列總結(jié)
1,element.offsetWidth : 包括 padding 和 邊框
2,element.clientWidth : 包括 padding ,不包含邊框 , 內(nèi)容超出會溢出盒子的時候,就用scrollWidth
3,element.scrollWidth : 不包含邊框
主要用法:
1,offset 系列 經(jīng)常用于獲得元素位置 offsetLeft offsetTop
2,client經(jīng)常用于獲取元素大小, clientWidth , clientHeight
3,scroll經(jīng)常用于獲取滾動距離,scrollTop scrollLeft
4,注意頁面滾動距離 通過 window.pageXoffset window.pageYoffset 獲得
以上就是本次介紹的全部知識點內(nèi)容,感謝大家對腳本之家的支持。
相關(guān)文章
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能(圖)
JavaScript獲取系統(tǒng)自帶的顏色選擇器功能,這個是針對IE瀏覽器,所以大家如果想用兼容性更好的代碼,可以查看腳本之家的相關(guān)文章。2010-08-08layer.open組件獲取彈出層頁面變量、函數(shù)的實例
今天小編就為大家分享一篇layer.open組件獲取彈出層頁面變量、函數(shù)的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09微信小程序?qū)崿F(xiàn)即時通信聊天功能的實例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)即時通信聊天功能的實例代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08Javascript 一些需要注意的細節(jié)(必看篇)
下面小編就為大家?guī)硪黄狫avascript 一些需要注意的細節(jié)(必看篇)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07JavaScript中0、空字符串、''0''是true還是false的知識點分享
在本篇文章里小編給大家整理的是JavaScript中0、空字符串、'0'是true還是false的知識點分享,有需要的朋友們參考下。2019-09-09