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

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方法

Answer 2

FF 3.5中有效的總結：

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

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