## 彻底搞懂 clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop 1. clientHeight 和 clientWidth clientHeight 代表元素的高度，和滚动没有关系  2. offsetHeiht 和 offsetWidth 包括内容的高度 + padding + border + 水平滚动条  3. scrollHeight 只有在出现滚动条的时候，才需要讨论 scrollHeight 没有滚动条时， scrollHeight == clientHeight  判断元素是否滚动到底部 ``` scrollHeight - scrollTop == clientHeight ```  4. scrollTop 在有滚动条时，scrollTop 为元素被卷上去的高度  5. offsetTop 与滚动没有关系，是当前元素离最近父元素顶部的距离