获取元素位置三大系列总结(offset、client、scroll)

获取元素位置三大系列总结(offset、client、scroll)

三大系列大小对比	作用
element.offsetWidth	返回自身包括padding 、边框、内容区的宽度，返回数值不带单位
element.clientWidth	返回自身包括padding 、内容区的宽度，不含边框，返回数值不带单位
element.scrollWidth	返回自身实际的宽度，不含边框，返回数值不带单位

他们主要用法∶

1. offset系列经常用于获得元素位置offsetleft， offsetTop
2. client经常用于获取元素大小clientWidth、 clientHeight
3. scroll经常用于获取滚动距离scrollTop、 scrollLeft
4. 注意页面滚动的距离通过window.pagexoffset获得

scroll系列：https://www.cnblogs.com/chichi0002/p/16886347.html
offset系列：https://www.cnblogs.com/chichi0002/p/16729985.html
client系列：https://www.cnblogs.com/chichi0002/p/16884079.html