JS距离

/*
* offsetHeight:元素的大小+padding+border,不包含margin
* clientHeight:,元素的大小+padding
* offsetTop: 返回元素的上外缘距离最近采用定位父元素‘内壁’的距离，如果父元素中没有采用定位的，
* 则继续往上走查找是否有定位的父级元素。【按照绝对定位的去理解就好了】
* scrollTop: 往下拉滚动条的时候，内容被卷上去的高度
* 也有说是滚动条被往下拉的距离，其实是不准确的，不过这么理解就知道scrollTop是谁身上的属性了
* scrollTop：是父级元素身上的属性，但是获取的高度是：内容被卷上去的高度
* 但是如果要获取整个页面被卷上去的高度，其实有兼容问题，有浏览器认为滚动条是body身上的，也有浏览器认为是html身上的
* 所以要写兼容：document.documentElement.scrollTop || document.body.scrollTop
* */