js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别

clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度

 

 

offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度

 

 

 scrollHeight：网页全文高度

 

 scrollTop：在有滚动条时，向下滚动的距离也就是元素顶部被遮住部分的高度

 

 

offsetTop:当前元素顶部距离最近父元素顶部的距离，和有没有滚动条没有关系

 

 

 

*图片来源网络