在HTML文檔中滾動位置 - 如何確定

Question

想象一個HTML文檔，其中包含很長的段落列表。用戶使用滾動條向下滾動文檔52％。

如何捕獲文檔爲52％或第100段或其他文檔？

Answer 1

使用下面的兩個函數，你可以確定你需要什麼。

// getPageScroll() by quirksmode.com 
// use getPageScroll()[0] for horizontal scrolled amount 
// use getPageScroll()[1] for vertical scrolled amount 
function getPageScroll() { 
    var xScroll, yScroll; 
    if (self.pageYOffset) { 
     yScroll = self.pageYOffset; 
     xScroll = self.pageXOffset; 
    } else if (document.documentElement && document.documentElement.scrollTop) { 
     yScroll = document.documentElement.scrollTop; 
     xScroll = document.documentElement.scrollLeft; 
    } else if (document.body) {// all other Explorers 
     yScroll = document.body.scrollTop; 
     xScroll = document.body.scrollLeft; 
    } 
    return new Array(xScroll,yScroll) 
} 

// Adapted from getPageSize() by quirksmode.com 
function getPageHeight() { 
    var windowHeight 
    if (self.innerHeight) { // all except Explorer 
     windowHeight = self.innerHeight; 
    } else if (document.documentElement && document.documentElement.clientHeight) { 
     windowHeight = document.documentElement.clientHeight; 
    } else if (document.body) { // other Explorers 
     windowHeight = document.body.clientHeight; 
    } 
    return windowHeight 
}