以前一直以为scrollTop是元素滑出视口的距离，实际尝试才知道和屏幕视口没有关系
scrollTop：是针对可滚动元素， 获取该可滚动元素的内容垂直滚动的像素数。和最外层的浏览器或者移动端屏幕视口没有关系，只涉及 元素和其中的内容
scrollHeight： 为一个元素内容高度的度量，包括溢出的不可见部分
offsetTop: 返回当前元素距离其最近的定位父级元素的顶部距离
offsetHeight: 一种css高度衡量标准，包括contentHeight+上下padding+上下border-width
clientTop: 一个元素顶部边框的宽度，即 border-top-width
clientHeight: 也是一种css高度衡量标准，为：contentHeight +上下padding - 水平滚动条的高度
