【前言】
简要总结JS常见的宽度和高度获取方法，包括clientHeight、scrollHeight和offsetHeight。
我们先来简单看看案例demo。 效果图如下。
【本体】
一、宽高
) clientHeight、clientWidth元素宽度高度(height padding，不包含边框)可以理解为元素可见区域的高度
) offsetHeight、offectWidth元素宽度高度(包括height填充边框、边框)可以理解为元素的可见高度
)3) scrollHeight、scrollWidth元素宽度高度(如果内容的实际高度上下填充div的height、即height是自适应的，则scrollHeight=clientHeight
)4) scrollHeight和offsetHeight有什么区别？
offsetHeight是自己的高度，scrollHeight是自己的高度隐藏要素的高度。 即，内层要素offsetHeight
二、滚动距离
(1) offsetTop )是容器相对于文档的顶层的绝对偏移--- -等于顶层边距-顶层
同样，offsetleft :容器相对于文档左的绝对偏移--- -等于左边缘左
) clientTop:容器内部top相对于容器本身的偏移实际上是border-width
)3) scrollTop: Y轴滚动条缺失或滚动到顶部为0； 当y轴滚动条滚动到底部时为scrollHeight-clientHeight。 滚动时通常只能滚动顶部。 scrollTop为0到scrollHeight-clientHeight的正常滚动距离。 否则，太滚动了(手机阻尼效应)。
水平。