頁面（鼠標滾輪，滾動事件）

Question

我期待當用戶滾動到頁面底部的檢測，然後試圖繼續滾動，但那裏沒有什麼可以滾動/視圖底部檢測死滾動。

我創建的可用性指標，其中死亡滾動是一個度量，需要一種方式，當用戶試圖滾動，但不提供任何左看看準確地檢測。

我需要的東西時觸發鼠標滾輪事件發起，但頁面不滾動，上/下方向。

Answer 1

下面是我使用的是從動畫滾動停止網頁腳本的使出當已經觸底：

var gate = $(window), edge; 
setLength(); 

gate.resize(function() { 
    setLength(); 
}); 

function setLength() { 
    edge = $(document).height()-gate.height(); 
} 

gate.mousewheel(function(event, delta) { 

    outset = gate.scrollTop(); 
    if (delta == 1 && outset == 0) console.log('top'); 
    if (delta == -1 && outset == edge) console.log('bottom'); 
}); 

我使用鼠標滾輪插件，它只是偉大的，任何良好的跨瀏覽器支持你不得不寫一大堆的代碼正常化輪事件反正...

https://plugins.jquery.com/mousewheel/

我想這會做在提出的問題 - 檢測是否鼠標滾輪事件會使頁面滾動超越它的極限。對於思想實驗，雖然你也可以在這之前做出一步，但只有在使用mousewheel作爲二傳手時纔是準確的。當用戶觸發mouswheel事件時，可以使頁面滾動精確的像素數量。當頁面的目的地已知時，您可以檢查該頁面是否位於頁面的頂部或底部。

Answer 2

添加windows scrollTop（）和高度。如果它等於文檔高度，則位於頁面的底部。

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     console.log("Page bottom reached!"); 
    } 
}); 

http://jsfiddle.net/1v3cakn9/1/