e.pageX--e.pageY

e.pageX--e.pageY获取的是当前页面的坐标

元素偏移量-offset

offset 翻译过来就是偏移量，我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。

获得元素距离带有定位父元素的位置

获得元素自身的大小（宽度高度）

注意：返回的数值都不带单位

element.offsetTop

element.offsetTop--返回元素对于带有定位的祖先元素上方的偏移量

element.offsetLeft

element.offsetLeft--返回元素对于带有定位的祖先元素左方的偏移量

element.offsetWidth

element.offsetWidth--返回自身包括padding\border\content的宽度，返回值不带单位

element.offsetHeight

element.offsetHeight--返回自身包括padding\border\content的高度，返回值不带单位

client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。

element.clientTop

element.clientTop--返回元素上边框(border)大小

element.clientLeft

element.clientLeft--返回元素左边框(border)大小

element.clientWidth

element.clientWidth--返回元素自身包含padding\content宽度，不包含边框宽度，返回值不带单位

element.clientHeight

element.clientHeight--返回元素自身包含padding\content高度，不包含边框宽度，返回值不带单位

scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。

element.scrollTop

element.scrollTop--返回被卷去的上侧距离，返回值不带单位

element.scrollLeft

element.scrollLeft--返回被卷去的左侧距离，返回值不带单位

element.scrollWidth

element.scrollWidth--返回自身实际宽度，不包含边框，返回值不带单位

element.scrollHeight

element.scrollHeight--返回自身实际高度，不包含边框，返回值不带单位