scrollTop、scrollHeight与clientHeight
MDN上概念 scrollTop:获取或设置一个元素的内容垂直滚动的像素数。 scrollHeight:一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容。 clientHeight:元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。 只看概念 ...
原文：【日常总结】scrollTop、scrollHeight与clientHeight的重要关系
前言 在做一个需求的时候涉及懒加载，百度了一下，发现scrollTop scrollHeight与clientHeight这三个元素起到了重要作用，以前做过类似demo但是时间过太久忘记了，现在已经完全分不清这个三个属性的区别，现在再重新复习一下 一 scrollTop 定义：获取或设置元素的内容向上滚动的像素值 特点： .未设置时默认为 .为负值时不做任何响应 .设置为超出本身最大值时，默认为最 ...
2017-02-09 16:59 1 2314 推荐指数：
相关推荐
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为 ...
JQuery元素滚动定位及获取元素的scrollTop，clientHeight，scrollHeight
scrollHeight为滚动DIV的实际总体高度，获取方式为：$(obj)[0].scrollHeight clientHeight为滚动DIV的可见高度，获取方式为：$(obj)[0].clientHeight scrollTop为滚动DIV被卷去的上端高度，获取方式 ...
js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？
1、clientHeight：表示的是可视区域的高度，不包含border和滚动条； 2、offsetHeight：表示的是可视区域的高度，包含了border和滚动条 3、scrollHeight：表示了所有区域的高度，包含了因为滚动被隐藏的部分； 4、clientTop：表示边框border ...
各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight
1、.position()和.offset() jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移，返回.position().l ...
JavaScript获取浏览器高度和宽度值(documentElement,clientHeight,offsetHeight,scrollHeight,scrollTop,offsetParent,offsetY,innerHeight)
IE中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 ...