这是一些极易混淆的概念。仔细分析，这些值都是用来对元素进行定位的，下面逐一介绍。本文只介绍width,left等值，与其对应的是 height,top。本文还只介绍在Firefox下的表现，我认为，先不要考虑在IE各版本，Chrome等浏览器下的表现，这样一来，问题就单纯 了，容易理解 ...

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

滚动大小（scroll dimension） 滚动大小指的是包含滚动内容元素的大小。 以下是与元素滚动内容大小相关的属性： 1. scrollWidth：在没有滚动条的情况下，元素内容的总宽度。 2. scrollHeight：在没有滚动条的情况下，元素内容的总高度。 3. ...

想实现这样的一个功能，点击子元素，让元素滚动至指定位置，怎么实现呢？ 在代码实现之前，先了解下相关关键点。 1、scrollHeight 属性 通过 scrollHeight 属性可获得子元素的滚动高度，因此，子元素的总滚动高度等于每个子元素的 scrollHeight ...

的高度； 但是： scrollHeight: 1) 当前容器没有滚动 ...

　　JS滚动页面到某一位置时触发指定事件能够增强用户体验或是提高性能，其中使用最多的场景是加载更多，当鼠标滚动至页面下方时，自动加载下一页的内容。另一个常用的场景是当用户滚动至页面某一地方时，页面会给出提示或是将某些重要信息或按钮显示出来。实现这些效果的关键是要区分clientHeight ...

看一段简单的html代码： 盒子模型图： 其中，83和103为width和height减去滚动条宽度的值； ...

这些高度相信很多同学都搞不清楚吧。这里我通过本地测试，发现了区别。 以聊天窗口为例。 元素(class='content')高度444px,其中上下padding分别是10px,margin为0。距离最近的一个定位的父元素的上边距是60px。 这里，在控制台打印出各个高度值 ...