在HTML中，每个元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop属性。
clientHeight和offsetHeight表示元素的高度。
clientHeight：包含了padding但是不含border，水平滚动条，margin的高度。对于没有定义CSS或者是内联（inline）布局盒子的元素，clientHeit为0。clientHeight通过CSSHeight + CSSpadding - 水平滚动条的高度。
offsetHeight：包含了border、padding、水平滚动条，但是不包含margin的元素高度。对于inline的元素，该属性值为0.
scrollHeight：当元素的子元素高度比它高并且overflow设置为scroll时，那么该元素就存在scrollHeight,包含了当前不可见部分的高度。
offsetTop：当前元素顶部距离父元素顶部的距离，与有没有滚动条无任何联系。
scrollTop：在有滚动条的情况下，滚动条向下滚动的距离等于元素顶部被遮住部分的高度，不存在滚动条，scrollTop等于0.
来源：CSDN
作者：潇湘一夜雨
链接：https://blog.csdn.net/xuelian3015/article/details/89420218