多次調用onScroll事件

Question

我想在用戶滾動網頁時加載更多內容。我嘗試使用

1. onScroll事件的JavaScript這是越來越多次調用

2. 的jQuery .scroll（）方法，該方法也被稱爲多次。

我該如何處理？這是瀏覽器問題嗎？

注：我打電話給onScroll = "function()"關於HTML的body標籤。

Answer 1

加載內容：http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Answer 2

在每滾動任何滾動的方法將被稱爲

所以，你應該檢查當用戶滾動至底部，然後加載更多的內容。而滾動

Answer 3

如果你得到了一系列的事件在移動窗口（類似於在一個調整大小事件發生了什麼），那麼一招是設置1-2定時器第一次滾動事件的秒數，但還沒有做任何事情。如果在計時器觸發前後續滾動事件進入，則停止前一個計時器並設置一個新的計時器。當用戶停止滾動一段時間時，計時器將觸發，然後您可以處理滾動事件。如果他們滾動更多，整個過程將重複。

jQuery的僞代碼示例：

var scrollTimer = null; 
$("#target").scroll(function(){ 
    if (scrollTimer) { 
     clearTimeout(scrollTimer); // clear previous timer 
    } 
    // set timer while we wait for a pause in scroll events 
    scrollTimer = setTimeout(function() { 
     scrollTimer = null; // timer done here 
     // do your dynamic loading here 
    }, 1000); 
});