、scrollHeight、offsetHeight等属性的区别。刚好最近项目中有用到过这些概念，今天就抽空整 ...

这些高度相信很多同学都搞不清楚吧。这里我通过本地测试，发现了区别。 以聊天窗口为例。 元素(class='content')高度444px,其中上下padding分别是10px,margin为 ...

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

offsetHeight是包含contentHeight+padding+borderHeight+ScrollBarHeight的 clientHeight仅包含contentHeight+padding，不含borderHeight+ScrollBarHeight的 换句话就是外内问题 ...

（scrollHeight、offsetHeight、clientHeight 同样可按本文去理解。） 这是一个很复杂的问题，让我们想像一下： document.documentElement.scrollWidth ...

MDN上概念 scrollTop:获取或设置一个元素的内容垂直滚动的像素数。 scrollHeight:一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容。 clientHeight:元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。 只看概念 ...

今天再次遇到了offset***、client***、scroll***的这三类属性的问题，总是混淆，现归纳总结如下： 大体上来说可以这样理解： client***属性（clientWidth、clientHeight）: 　　表示元素可以看到内容的可见区域部分，一般是最后一个对象条以下 ...

IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 ...