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

 1 //滚动条
 2 scrollLeft//滚动条距左边距离
 3 scrollTop//滚动条距顶部距离
 4 scrollWidth//滚动条元素的宽
 5 scrollHeight//滚动条元素的高
 6 
 7 //可视范围
 8 clientHeight//元素自身可视区域高
 9 clientTop
10 //this.clientW = document.documentElement.clientWidth;//可视宽
11 //this.clientH = document.documentElement.clientHeight;//可视高
12 
13 
14 //鼠标
15 event.offsetY  获取鼠标的高
16 event.clientY  获取鼠标可视区域高
17 
18 //dom
19 offsetTop//元素距顶部的距离
20 offsetHeight//元素自身高 
21 window.getComputedStyle(elem).width(常用这个获取doc宽高兼容性高)