尺寸汇总
获取视口的宽高:含滚动条
window.innerWidth window.innerHeight
不含滚动条
document.documentElement.clientWidth
document.documentElement.clientHeight
获取文档滚动距离:
document.documentElement.scrollTop || document.body.scrollTop document.documentElement.scrollLeft || document.body.scrollTop
获取元素滚动距离：
ele.scrollTop
ele.scrollLeft
获取元素 的尺寸：(含边框)
ele.offsetWidth
ele.offsetHeight
获取元素 的尺寸：(不含边框)
ele.clientWidth
ele.clientHeight
获取当前元素 距离 已经定位父元素的水平/垂直距离：
ele.offsetLeft
ele.offsetTop
浏览器的大小：
window.outerHeight
window.outerWidth
获取鼠标在视口内的坐标：
event.clientX
event.clientY
获取鼠标在界面内的坐标：
event.pageX
event.pageY
获取浏览器距离屏幕左顶点的距离
window.screenX
window.screenY
获取鼠标距离屏幕左顶点的距离
event.screenX
event.screenY