js 元素offset,client , scroll 三大系列总结
Posted shanlu0000
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js 元素offset,client , scroll 三大系列总结相关的知识，希望对你有一定的参考价值。
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 三大系列总结的主要内容，如果未能解决你的问题，请参考以下文章
js常用属性offset/style/client/scroll/鼠标事件和方法的封装
js进阶之js三大家族:offset,scroll,client