html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度 ...

当要做一些与位置相关的插件或效果的时候，像top、clientTop、scrollTop、offsetTop、scrollHeight、clientHeight、offsetParent。。。看到这么多单词，而且长得那么像，是不是懵X了！ 第一次看到这图，说实话有点被吓到 ...

1、clientHeight：表示的是可视区域的高度，不包含border和滚动条； 2、offsetHeight：表示的是可视区域的高度，包含了border和滚动条 3、scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分； 4、clientTop：表示边框border ...

1、网络上流传的图片 2、稍微容易理解点的示意图 参考链接：http://blog.csdn.net/lidiansheng/article/details/7950751 3、言简意赅 ...

scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中，但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度，下面就介绍一下相关属性的用法。先来看一张比较经典的示意图 ...

　　JS滚动页面到某一位置时触发指定事件能够增强用户体验或是提高性能，其中使用最多的场景是加载更多，当鼠标滚动至页面下方时，自动加载下一页的内容。另一个常用的场景是当用户滚动至页面某一地方时，页面会给出提示或是将某些重要信息或按钮显示出来。实现这些效果的关键是要区分clientHeight ...

js中的offsetLeft 和 offsetTop 是定位后相当于父元素的偏移量，而当元素中使用了translate自身偏移后，元素实际相对于父级元素的偏移还是不变的。此时offset属性的偏移量并不等于 父元素边款内部到子元素边框的距离了，具体的offset偏移量计算参杂进了 ...

全文参考：https://github.com/iuap-design/blog/issues/38 、MDN clientHeight，只读 clientHeight 可以用公式 CSS ...