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。
参考链接:点击进入