scroll家族
獲取寬高: scrollWidth和scrollHeight---返回純數(shù)值,可參與運(yùn)算
獲取元素的內(nèi)容總寬高(不包含滾動(dòng)條)返回值不帶單位
scrollWidth? scrollHeight 是只讀屬性(賦值無(wú)效)
scrollLeft scrollTop 獲取內(nèi)容滾動(dòng)卷曲距離---這兩個(gè)屬性是可以修改的
獲取元素內(nèi)容往左雾叭、往上滾出去看不到的距離
offset家族
獲取寬高:offsetWidth和offsetHeight
獲取元素的真實(shí)寬高(包含元素自身設(shè)置的寬高贴见、padding橡淆、border )
獲取位置:offsetLeft和offsetTop 獲取元素距離自己定位父級(jí)元素的左诺苹、上距離,如果沒(méi)有定位父級(jí)的話(huà)邪媳,就是獲取元素到body的距離
注意都是只讀屬性,設(shè)置無(wú)效
client家族
獲取寬高:clientWidth和clientHeight
獲取元素的可見(jiàn)部分寬高(不包含邊框塌计,滾動(dòng)條等)
獲取位置:clientLeft和clientTop----獲取左邊框和上邊框?qū)挾?border)
注意都是只讀屬性
獲取頁(yè)面可視區(qū)大小:
窗口大小變化觸發(fā)的事件: