JavaScript之DOM样式

• 偏移量

  

其中offsetLeft,offsetTop与其包含元素有关

• 客户区大小(指元素内容及其内边距所占的空间大小，其中滚动条占用的空间不计算入内)

  

需要确定浏览器视口大小：
document.documentElement.clientWidth 和 document.documentElement.clientHeight 或 document.body.clientWidth和document.body.clientHeight

• 滚动条大小

scrollHeight || scrollWidth || scrollLeft || scrollTop

最后再贴一张网上很详细的说明图吧