久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

14
2017/04

幾種滾動類特效常用屬性有哪些?

發(fā)布時間:2017-04-14 15:39:04
發(fā)布者:jiangbing
瀏覽量:
0

滾動類特效常用屬性:

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

scrollHeight、scrollWidth:獲取對象可滾動的總高度/寬度

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

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

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

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

關(guān)于滾動條:

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

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


關(guān)鍵詞:
返回列表