clientHeight、offsetHeight、offsetTop、scrollHeight、scrollTop

clientHeight和offsetHeight属性只表示元素的高度

clientHeight 只读元素

当前可见部分的高度
包括padding，但不包括border、水平滚动条、margin的元素的高度。
对于inline的元素这个属性一直是0，单位px。

offsetHeight 只读元素

包括padding、border、水平滚动条，但不包括margin的元素的高度。
对于inline的元素这个属性一直是0，单位px。

offsetTop 只读元素

当前元素顶部距离最近父元素顶部的距离。
和有没有滚动条没有关系，单位px。

当本元素的子元素比本元素高且overflow=scroll时，本元素就会scroll

scrollHeight 只读元素

有滚动条时，当前可见部分的高度 + 不可见部分的高度。
没有滚动条时，scrollHeight==clientHeight恒成立，单位px。

scrollTop 可读可设置元素

有滚动条时，滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。
没有滚动条时，scrollTop==0恒成立，单位px。

参考链接：点击进入