offsetWidth offsetHeight offsetTop offsetLeft scrollTop scrollLeft clientTop clientWidth

1、offsetWidth、offsetHeight

offsetWidth:（border-left+border-right+padding-left+padding-right+width）

以此类推

       offsetHeight=border-top+border-bottom+padding-top+padding-bottom +height

2.offsetTop offsetLeft  scrollHeight

  offsetLeft  :(偏移量left  当前元素相对于父元素(margin-left+padding-left+border-left+width))

  offsetTop :(偏移量top  当前元素相对于父元素(margin-left+padding-left+border-left+width))

scrollHeight：滚动条的高度

3.scrollTop

scrollTop 在JavaScript中获取当前页面的滚动位置（获取浏览器ScrollTop ps:scrollTop是指某个可滚动区块向下滚动的距离）
兼容写法(var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;)

4 .clientWidth

clientWidth:内部高度（width+padding）本人以为client有一种“可视”的意思 可视宽度 给盒子加一个颜色 ：即为见到的 width+padding

 更好意见联系作者