三大系列大小对比 | 作用 |
---|---|
Element.offsetWidth | 返回自身包括padding,边框,内容区的宽度,返回数值不带单位 |
Element.clientWidth | 返回自身包括padding,内容区的宽度,不含边框,返回数值不带单位 |
Element.scrollWidth | 返回自身实际的宽度,不含边框,返回数值不带单位 |
第一个offset包含边框,23不包含。scroll包含了文字超出的一部分。
主要用法:
1.offset系列经常用于获得元素的位置 offsetLeft offsetTop
2.client经常用于获取元素大小clientWidth clientHeight
3.scroll经常用于获取滚动距离 scrollLeft scrollTop
4. 注意页面的滚动距离通过 window.pageXoffset 获得 垂直方向是Y 水平方向X