这是一些极易混淆的概念。仔细分析，这些值都是用来对元素进行定位的，下面逐一介绍。本文只介绍width,left等值，与其对应的是 height,top。本文还只介绍在Firefox下的表现，我认为，先不要考虑在IE各版本，Chrome等浏览器下的表现，这样一来，问题就单纯 了，容易理解。 一 宽度的基础 何为宽度，在CSS中，width属性指元素内容区的 宽度，并不是元素在页面上所占的空间，就像 ...
2012-08-02 13:52 2 3082 推荐指数：
1、clientHeight：表示的是可视区域的高度，不包含border和滚动条； 2、offsetHeight：表示的是可视区域的高度，包含了border和滚动条 3、scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分； 4、clientTop：表示边框border ...
JS滚动页面到某一位置时触发指定事件能够增强用户体验或是提高性能，其中使用最多的场景是加载更多，当鼠标滚动至页面下方时，自动加载下一页的内容。另一个常用的场景是当用户滚动至页面某一地方时，页面会给出提示或是将某些重要信息或按钮显示出来。实现这些效果的关键是要区分clientHeight ...
这些高度相信很多同学都搞不清楚吧。这里我通过本地测试，发现了区别。 以聊天窗口为例。 元素(class='content')高度444px,其中上下padding分别是10px,margin为0。距离最近的一个定位的父元素的上边距是60px。 这里，在控制台打印出各个高度值 ...
滚动大小（scroll dimension） 滚动大小指的是包含滚动内容元素的大小。 以下是与元素滚动内容大小相关的属性： 1. scrollWidth：在没有滚动条的情况下，元素内容的总宽度。 2. scrollHeight：在没有滚动条的情况下，元素内容的总高度。 3. ...
offsetTop/offsetHeight scrollTop/scrollHeight 这几个属性困扰了我N久，这次一定要搞定。 假设 obj 为某个 HTML 控件。 obj.offsetTop obj距离上方或上层控件的位置，整型，单位像素 ...
offsetTop,offsetHeight,scrollHeight,scrollTop，这些属性曾经困扰了我很长很长很长时间。今天花点功夫，彻底把他们搞清楚了。假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素 ...
obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型 obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型 obj.offsetWidth 指 obj 控件 ...
一、写在前面 在阅读本文前，希望大家能针对每个属性亲手测试，网上现有的大量相关博客都有不等的概念错误，毕竟亲手实践才能更好的掌握这些概念。 1.pageX，clientX，screenX与offs ...
