offsetLeft、clientLeft、scrollLeft的区别及使用场景

offset 偏移量（所有属性都是只读）
offsetWidth、offsetHeight:
元素的width+padding+border 返回数值
故而修改：ele.style.width=500+“px”
offsetParent：
元素自身有fixed定位，offsetParent为null
元素无fixed定位,父级有定位，offsetParent为父级；父级无定位，是body
offetTop、offsetLeft
元素边框外侧到父元素边框内侧的距离

client 客户端大小（所有属性都是只读）
clientWidth、clientHeight:
元素的width+padding
clientLeft、clientTop:
边框（border-left）的大小
用途：
获取页面的大小
document.documentElement.clientWidth

scrollWidth scrollHeight:
元素的width+padding
无滚动条时，scrollHeight和clientHeight一样
scrollTop、scrollLeft 可读写
当滚动到底部，符合以下公式：
scrollHeight=scrollTop+clientHeight;
document.documentElement.scrollTop 在safari不管用0,现在试支持了
document.body.scrollTop 在safari管用，其他浏览器不管用