scrollTop、scrollHeight与clientHeight
MDN上概念 scrollTop:获取或设置一个元素的内容垂直滚动的像素数。 scrollHeight:一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容。 clientHeight:元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。 只看概念 ...
原文：各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight
.position 和.offset jquery的.position 获取相对于最近的position为relative或absolute的父元素的偏移，返回.position .left和.position .top，不算上自己的margin left jquery的.offset 获取相对于视口左上角的偏移，返回.offset .left和.offset .top,算上自己的margin ...
2014-08-26 17:21 0 3526 推荐指数：
相关推荐
js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？
1、clientHeight：表示的是可视区域的高度，不包含border和滚动条； 2、offsetHeight：表示的是可视区域的高度，包含了border和滚动条 3、scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分； 4、clientTop：表示边框border ...
JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 ...
JS clientHeight,scrollHeight,offsetHeight,scrollTop,offsetTop概念
JS滚动页面到某一位置时触发指定事件能够增强用户体验或是提高性能，其中使用最多的场景是加载更多，当鼠标滚动至页面下方时，自动加载下一页的内容。另一个常用的场景是当用户滚动至页面某一地方时，页面会给出提示或是将某些重要信息或按钮显示出来。实现这些效果的关键是要区分clientHeight ...
图解clientHeight,offsetHeight,scrollHeight,scrollTop四个属性
看一段简单的html代码： 盒子模型图： 其中，83和103为width和height减去滚动条宽度的值； ...
offsetTop,offsetHeight,clientHeight,scrollHeight,scrollTop区别
这些高度相信很多同学都搞不清楚吧。这里我通过本地测试，发现了区别。 以聊天窗口为例。 元素(class='content')高度444px,其中上下padding分别是10px,margin为0。距离最近的一个定位的父元素的上边距是60px。 这里，在控制台打印出各个高度值 ...
关于height、offsetheight、clientheight、scrollheight、innerheight、outerheight的区别一览
平时，不管在pc端页面还是移动端页面，因为我们一般很少会设置某个块的的高度，但是呢，我有时候有需要取到这些高度以便于我们方便进行判断和下一步的编写。一般这个时候我都是直接的获取一个块的高度.height()，来解决，但是有的时候我翻翻查查发现还有offsetheight，而这 ...
CSS专题（二）：元素大小与位置offsetLeft offsetTop offsetWidth offsetHeight clientWidth clientHeight scrollWidth scrollHeight scrollLeft scrollTop
这是一些极易混淆的概念。仔细分析，这些值都是用来对元素进行定位的，下面逐一介绍。本文只介绍width,left等值，与其对应的是 height,top。本文还只介绍在Firefox下的表现，我认为 ...