0
点赞
收藏
分享

微信扫一扫

offset、client、scroll三大系列

yundejia 2022-02-13 阅读 32

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 条评论