offsetheight 和clientheight、scrollheight、scrollTop区别

标签：屏幕   alt   body   ges   height   scrolltop   blog   区别   scrollto   

• clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实践取出来的大多是视口大小）
• scrollHeight: 滚动大小，指的是包含滚动内容的元素大小（元素内容的总高度）
• offsetHeight: 偏移量，包含元素在屏幕上所用的所有可见空间（包括所有的内边距滚动条和边框大小，不包括外边距
• window.screen.height：屏幕分辨率高document.body.scrollTop：网页被卷去的高
• 1、clientHeight
• clientheight=padding+height-横向滚动轴高度。如下图：

• 2、offsetheight

• offsetheight=padding+height+border+横向滚动轴高度
• 3、scrollheight
• scrollheight为内容高度，如下图的选中的元素userlists,可视高度为170px，但是内容高度为2549px;
• 

  4、scrollTop

• scrollTop网页卷起来的高度（网页向上移动过程中，跑上去看不见的部分）。可以理解为scroll top offset是滚动条相对于其顶部的偏移。
• 

   

offsetheight 和clientheight、scrollheight、scrollTop区别

标签：屏幕   alt   body   ges   height   scrolltop   blog   区别   scrollto   

原文地址：http://www.cnblogs.com/wangdan0915/p/7562708.html