滾動類特效常用屬性：
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，才能保證沒有誤差。
