不会动态计算高度，重新学习一下DOM的各种距离

1、

pageX    鼠标点击位置的水平坐标

（鼠标相对于当前文档的水平坐标 - 距离html页面最左边的距离）

pageY  鼠标指针相对于文档顶部的垂直距离

2、

offsetLeft  元素相对于父级元素左侧边缘的距离，该父元素指离该元素最近的具有定位属性的元素；若没有已定位的父级元素，则是相对文档的根元素的距离

offsetTop     同offsetTop，垂直方向的距离

offsetWidth    元素宽度+padding+border

有滚动条的话，也包括被卷上去的部分

offsetHeight     元素高度+padding+border

3、

client X    返回元素上边框的大小

clientY

clientWidth   元素宽度+padding(不包括border)

clientHeight

4、

scrollTop  被卷上去的头部（有滚动条）

scrollLeft

scrollWidth     元素宽度+padding

scrollHeight

说明：scrollWidth 为元素真正的高度，包括里面元素的超出部分

5、

onscroll 事件

当滚动鼠标滚轮的时候，会出发onscroll事件

6、

页面被卷去的头部

window.pageXOffset

window.pageYOffset