三大系列大小对比 | 作用 |
---|---|
element.offsetWidth | 返回自身包括padding、边框、内容的宽度。返回值不带单位 |
element.clicentWidth | 返回自身包括padding、内容的宽度,不含边框。返回值不带单位 |
element.scrollWidth | 返回自身实际宽度,不含边框。返回值不带单位 |
主要用法:
offset 偏移量系列常用于获取元素位置 offsetLeft, offsetTop(动态获取该带有定位父元素偏移)
client 可视区系列常用于获取元素大小clientWidth, clientHeight
scroll 滚动系列常用于获取滚动距离scrollTop, scrollLeft
注:页面滚动的距离通过 window.pageXOffset, window.pageYOffset 获取