offset、client、scroll三大系列

yundejia

关注

阅读 32

2022-02-13

offset系列:
在这里插入图片描述
offsetWidth与style.width的区别:
在这里插入图片描述
client系列:
在这里插入图片描述
scroll系列:
在这里插入图片描述
在这里插入图片描述
注意:元素被卷去的头部是element.scrollTop,如果是页面被卷去的头部则是window.pageYoffset
三大系列总结:
1.offset系列经常用于获取元素位置 offsetLeft offsetTop
2.client系列经常用于获取元素大小 clientWidth clientHeight
3.scroll系列经常用于获取滚动距离 scrollTop scrollLeft
4.注意页面滚动的距离通过 window.pageXoffset 获得
5.滚动窗口至文档中的特定位置 window.scroll(x,y)(其中x与y不用加单位)

精彩评论(0)

0 0 举报