如何檢測客戶端是否滾動到網頁的頂部或底部？

Question

我正在尋找一種跨瀏覽器方法來檢測客戶端Web瀏覽器是否一直滾動到屏幕的底部（或頂部）。

真的，頂部是相當容易的，因爲
scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
是零，如果你是在頂部。問題是，scrY似乎返回滾動條的頂部，而不是底部，因此，而不是獲取相當於文檔高度的東西（以像素爲單位），我認爲文檔的高度減去文檔的大小滾動條。

是否有一個簡單的，跨瀏覽器的方式來查明用戶是否已滾動到文檔/窗口的底部？最具體的說，我理解一般的滾動條操作（設置它，移動它等），但是我怎樣才能獲得滾動條相對於窗口/文檔底部的位置底部的增量。

Answer 1

http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html

http://www.sitepoint.com/article/preserve-page-scroll-position/

http://codepunk.hardwar.org.uk/ajs02.htm

爲了確保元素是可見的，你可以使用.scrollIntoView method

Answer 2

一個總結的東西在FF 3.5：

function isTop() { 
    return window.pageYOffset == 0; 
} 

function isBottom() { 
    return window.pageYOffset >= window.scrollMaxY; 
}