判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。 从这个三个属 ...
分类：
Web程序 时间：
2017-04-15 17:55:00
阅读次数：
186
一、滚动距离、高度 scrollTop scrollLeft scrollHeight scrollWidth 二、相对位置、距离 offsetTop offsetLeft offsetHeight offsetWidth 三、可视距离、宽高 clientTop clientLeft clientH ...
分类：
其他好文 时间：
2017-04-12 19:52:00
阅读次数：
279
JS获取各种宽度、高度的简单介绍： scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 of ...
分类：
Web程序 时间：
2017-04-08 11:34:42
阅读次数：
152
scrollWidth,offsetWidth,clientWidth,width;scrollHeight,offsetHeight,clientHeight,height;offsetTop,scrollTop,top;offsetLeft,scrollLeft,left还有谁
题中的那么多属性让人头都大了，他们到底是什么意思？不同浏览器的实现是一样的吗？以下所有结论来自chrome版本 53.0.2785.89 (64-bit)和firefox版本52.0.2，操作系统ubuntu16.04的测试，关于IE及其它浏览器并没有考虑。 ...
分类：
其他好文 时间：
2017-04-02 18:32:51
阅读次数：
159
* 流体布局常用 width: calc(50% + 10rem); * 浏览器各种宽高获取 innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLeft: 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 ...
分类：
Web程序 时间：
2017-03-31 20:35:43
阅读次数：
207
(function() { var finished = true; function loadData() { //xxxx finished = true; } dom.onscroll = function() { if(finished && this.scrollHeight - this... ...
分类：
Web程序 时间：
2017-03-24 19:10:46
阅读次数：
719
最近在用node.js做一款聊天室的时候，网上查资料发现一行js代码，不是很清楚是干嘛的，就来搞一搞。 container.scrollTop = container.scrollHeight; ？？？ 前面的代码的作用是将聊天室发送的信息显示到消息框里边，猜想container.scrollTop ...
分类：
其他好文 时间：
2017-03-01 00:25:28
阅读次数：
199
offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中。但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度。下面就介绍一下相关属性的用法。先来看一张比较经典的示意图: 下面结合各上图介绍一下各个属... ...
分类：
其他好文 时间：
2017-02-27 23:23:47
阅读次数：
343
http://www.imooc.com/code/1703 网页尺寸scrollHeight scrollHeight和scrollWidth，获取网页内容高度和宽度。 一、针对IE、Opera: scrollHeight 是网页内容实际高度，可以小于 clientHeight。 二、针对NS、F ...
分类：
Web程序 时间：
2017-02-19 12:59:23
阅读次数：
172
这主要是针对火狐浏览器来讲的： height:就是div的高度； clientHeight:一般情况下和height是一样的，如果div有滚动条，那么clientHeight = height - 滚动条的高度； scrollHeight:就是clientHeight + border + 滚动条的 ...
分类：
其他好文 时间：
2017-01-18 23:24:32
阅读次数：
153
