在JavaScript中獲取當前頁面的滾動位置

要獲取當前頁面的滾動條縱座標位置,用:

document.documentElement.scrollTop;

而不是:

document.body.scrollTop;

documentElement 對應的是 html 標籤,而 body 對應的是 body 標籤。

documentElement 不常用。這容易在開發中犯錯,網上很多例子,用的是 document.body.scrollTop ,實際上是取不到正確值的。
(scrollTop屬性是什麼?
有些情況下,“元素中內容”的高度會超過“元素本身”的高度, scrollTop指的是“元素中的內容”超出“元素上邊界”的那部分的高度,也就是scrollTop元素中內容捲起來的高度,或者理解爲元素中內容向上移動過程中,跑上去看不見的部分,也可以理解爲是滾動條相對於其頂部的偏移。注意:這個屬性只能用於元素設置了overflow的css樣式中。否者這個屬性沒有任何意義。且overflow的值不能爲visible,但可以爲hidden,auto,scroll的之中,但是hidden最常見。在對這個參數設置值時,直接用數字就可以了,否者不起作用。另外,scrollLeft和scrollTop一樣,只不過變成了水平而已。)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章