clientHeight、scrollHeight、scroll

• scrollHeight：滚动内容的实际高度，包括隐藏的部分，固定的。
• clientHeight：滚动的可视区域，即每次滚动，可以看到的可视高度，固定的。
• scrollTop：上方已经被卷起来的高度，变化的。
• offsetHeight:：元素本身高度 + padding + border。（注：不包括外边距），该属性本身跟滚动不搭嘎，是元素本身的属性，且只读。

如图（灵魂画手）：

常用：用于判定滚动加载

clientHeight + scrollTop + 5 >= scrollHeight

可见区域高度 + 卷起来的额高度 + 5 >= 内容的总长度，这个5代表距离底部5px的时候就判定为到达底部，届时我们可以绑定一些事件。