1.top 此属性仅仅在对象的定位(position)属性被设置时可用。否则，此属性设置会被忽略。 复制代码 代码如下: <div style="background ...

转自 http://www.cnblogs.com/yuteng/articles/1894578.html 我们来实现test中的onclick事件 functi ...

clientHeight , scrollHeight , offsetHeight相信每个人都用过，可是每次用都要查一下到底哪个是文档大小哪个是视口大小，还有头疼的兼容问题。 先来官方的了解一下这三个属性： clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间 ...

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

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

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

平时，不管在pc端页面还是移动端页面，因为我们一般很少会设置某个块的的高度，但是呢，我有时候有需要取到这些高度以便于我们方便进行判断和下一步的编写。一般这个时候我都是直接的获取一个块的高度.height()，来解决，但是有的时候我翻翻查查发现还有offsetheight，而这 ...

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