1. 程式人生 > >在JavaScript中獲取當前頁面的滾動位置

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

scrollTop

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

document.documentElement.scrollTop;

而不是:

document.body.scrollTop;

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

documentElement 不常用。這容易在開發中犯錯,網上很多例子,用的是 document.body.scrollTop ,實際上是取不到正確值的。
(scrollTop屬性是什麽?
有些情況下,“元素中內容”的高度會超過“元素本身”的高度, scrollTop指的是“元素中的內容”超出“元素上邊界”的那部分的高度,也就是scrollTop元素中內容卷起來的高度,或者理解為元素中內容向上移動過程中,跑上去看不見的部分,也可以理解為是滾動條相對於其頂部的偏移。)

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