scrollLeft等属性介绍

滚动类特效常用属性：

scrollLeft 、scrollTop：设置或获取位于对象最顶/左端和窗口中可见内容的最顶/左端之间的距离。即当前上滚或左滚的距离。
scrollHeight、scrollWidth：获取对象可滚动的总高度/宽度
offsetLeft、offsetTop：获取当前对象与父元素之间的距离（不包含父元素的边框）
offsetWidth、 offsetHeight ：获取元素自身的宽度/高度
clientLeft、 clientTop：效果和边框宽度相同，很少使用
clientWidth、 clientHeight ：不含边框的元素自身的宽度/高度

关于滚动条：

在12种属性当中，存在如下两对：offsetHeight&clientHeight；offsetWidth&clientWidth。它们的区别在于，offsetWidth和offsetHeight是包含元素边框以及边框内部内容的，而clientWidth和clientHeight是不含元素边框的，是从元素的padding区域开始计算的。
      特意这么说，其实是希望各位注意，从边框开始计算的，也会把滚动条的宽度/高度计算到结果之内，谷歌浏览器中，滚动条的宽/高度是17px，如果希望能够获取一个元素的padding和内容，需使用clientWidth和clientHeight，才能保证没有误差。