JavaScript中如何区分scrollTop、scrollHeight、offsetTop和offsetHeight？

本文共计1145个文字，预计阅读时间需要5分钟。

全文参考：https://github.com/iuap-design/blog/issues/38、MDN clientHeight

只读clientHeight可以使用公式：CSS height + CSS padding + 水平滚动条的高度（如果存在）来计算。

例如，这样一个div，它的clientHeight计算如下：

全文参考：github.com/iuap-design/blog/issues/38 、MDN

clientHeight，只读

clientHeight可以用公式 CSS height + CSS padding - 水平滚动条的高度 (如果存在) 来计算。

如图，这样一个div，它的clientHeight为95，计算：50(height)+30(padding-top)+30(padding-bottom)-15(经测量滚动条高度就是15)=95

clientTop，只读

一个元素顶部边框的宽度（以像素表示）。嗯。。