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;)