javascript js获取html元素各种距离方法

 //滚动条
 scrollLeft//滚动条距左边距离
 scrollTop//滚动条距顶部距离
 scrollWidth//滚动条元素的宽
 scrollHeight//滚动条元素的高

 //可视范围
 clientHeight//元素自身可视区域高
 clientTop
 //this.clientW = document.documentElement.clientWidth;//可视宽
 //this.clientH = document.documentElement.clientHeight;//可视高

 //鼠标
 event.offsetY  获取鼠标的高
 event.clientY  获取鼠标可视区域高

 //dom
 offsetTop//元素距顶部的距离
 offsetHeight//元素自身高
 window.getComputedStyle(elem).width(常用这个获取doc宽高兼容性高)