滾動(dòng)類特效常用屬性：

scrollLeft 、scrollTop：設(shè)置或獲取位于對(duì)象最頂/左端和窗口中可見(jiàn)內(nèi)容的最頂/左端之間的距離。即當(dāng)前上滾或左滾的距離。

scrollHeight、scrollWidth：獲取對(duì)象可滾動(dòng)的總高度/寬度

offsetLeft、offsetTop：獲取當(dāng)前對(duì)象與父元素之間的距離（不包含父元素的邊框）

offsetWidth、 offsetHeight ：獲取元素自身的寬度/高度

clientLeft、 clientTop：效果和邊框?qū)挾认嗤苌偈褂?/p>

clientWidth、 clientHeight ：不含邊框的元素自身的寬度/高度

關(guān)于滾動(dòng)條：

在12種屬性當(dāng)中，存在如下兩對(duì)：offsetHeight&clientHeight；offsetWidth&clientWidth。它們的區(qū)別在于，offsetWidth和offsetHeight是包含元素邊框以及邊框內(nèi)部?jī)?nèi)容的，而clientWidth和clientHeight是不含元素邊框的，是從元素的padding區(qū)域開始計(jì)算的。

特意這么說(shuō)，其實(shí)是希望能注意，從邊框開始計(jì)算的，也會(huì)把滾動(dòng)條的寬度/高度計(jì)算到結(jié)果之內(nèi)，谷歌瀏覽器中，滾動(dòng)條的寬/高度是17px，如果希望能夠獲取一個(gè)元素的padding和內(nèi)容，需使用clientWidth和clientHeight，才能保證沒(méi)有誤差。