js 元素offset,client , scroll 三大系列总结

标签：tle   位置   scroll   页面   获取元素   padding   window   pagex   offset   

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 获得

js 元素offset,client , scroll 三大系列总结

标签：tle   位置   scroll   页面   获取元素   padding   window   pagex   offset   

原文地址：https://www.cnblogs.com/shanlu0000/p/11506390.html