滾動類特效常用屬性:
scrollLeft 、scrollTop:設置或獲取位于對象最頂/左端和窗口中可見內(nèi)容的最頂/左端之間的距離。即當前上滾或左滾的距離。
scrollHeight、scrollWidth:獲取對象可滾動的總高度/寬度
offsetLeft、offsetTop:獲取當前對象與父元素之間的距離(不包含父元素的邊框)
offsetWidth、 offsetHeight :獲取元素自身的寬度/高度
clientLeft、 clientTop:效果和邊框寬度相同,很少使用
clientWidth、 clientHeight :不含邊框的元素自身的寬度/高度
關于滾動條:
在12種屬性當中,存在如下兩對:offsetHeight&clientHeight;offsetWidth&clientWidth。它們的區(qū)別在于,offsetWidth和offsetHeight是包含元素邊框以及邊框內(nèi)部內(nèi)容的,而clientWidth和clientHeight是不含元素邊框的,是從元素的padding區(qū)域開始計算的。
特意這么說,其實是希望能注意,從邊框開始計算的,也會把滾動條的寬度/高度計算到結果之內(nèi),谷歌瀏覽器中,滾動條的寬/高度是17px,如果希望能夠獲取一個元素的padding和內(nèi)容,需使用clientWidth和clientHeight,才能保證沒有誤差。