獲取無限滾動在滾動期間觸發，而不僅僅是當緩衝區達到時

Question

我使用Paul Irish的'無限滾動'jquery插件，它工作正常。

我想在預發射時非常積極，所以我將bufferPx參數設置爲1000。

當我向下滾動的距離足夠遠時，它會正常啓動，但是它只會在滾動停止後觸發，如果我在滾輪停止前給我的滾輪輕彈並達到底部，更新將不會觸發，直到我擊中底部讓我等待下一個結果集出現。

我希望的行爲是在我仍在積極滾動的情況下啓動更新，以便如果我快速瀏覽列表中的內容，則無需等待，直到觸底爲止。

有誰知道如何做到這一點，我可以添加一個新的事件觸發器，如果​​是的話，我將使用什麼樣的觸發器，而滾動仍然活躍？

Answer 1

縱觀該插件https://raw.github.com/paulirish/infinite-scroll/master/jquery.infinitescroll.js的源代碼，我會說，你需要修改下面的代碼：

event.special.smartscroll = { 
    setup: function() { 
     $(this).bind("scroll", event.special.smartscroll.handler); 
    }, 
    teardown: function() { 
     $(this).unbind("scroll", event.special.smartscroll.handler); 
    }, 
    handler: function (event, execAsap) { 
     // Save the context 
     var context = this, 
     args = arguments; 

     // set correct event type 
     event.type = "smartscroll"; 

     if (scrollTimeout) { clearTimeout(scrollTimeout); } 
     scrollTimeout = setTimeout(function() { 
      $.event.handle.apply(context, args); 
     }, execAsap === "execAsap" ? 0 : 100); 
    } 
}; 

使這條線}, execAsap === "execAsap" ? 0 : 100);編輯：

event.special.smartscroll = { 
    setup: function() { 
     $(this).bind("scroll", event.special.smartscroll.handler); 
    }, 
    teardown: function() { 
     $(this).unbind("scroll", event.special.smartscroll.handler); 
    }, 
    handler: function (event, execAsap) { 
     // Save the context 
     var context = this, 
     args = arguments; 

     // set correct event type 
     event.type = "smartscroll"; 

     if (scrollTimeout) { clearTimeout(scrollTimeout); } 
     scrollTimeout = setTimeout(function() { 
      $.event.handle.apply(context, args); 
     }, 0); 
    } 
}; 

說明：當您向下滾動頁面（連續或離散）時，「滾動」事件會一遍又一遍地打開，並在上面的代碼中調用handler: function(...)。在這個方法裏面，一個定時器被設置爲setTimeout，它將在滾動事件被觸發後100ms觸發適當的無限滾動代碼。但是，該計時器在方法{ clearTimeout(scrollTimeout); }內也被取消。

因此，只要用戶保持滾動，定時器就會一直清除並重新設置，直到用戶停止滾動爲止。在最後一次滾動事件中，定時器被設置並且從不清除，因此它將在100ms後觸發並執行內容加載。我上面演示的編輯刪除了這個等待期，並在用戶到達頁面底部時加載內容（即使它們仍在活動滾動）。

注意：作者可能希望在性能問題上超時，但歡迎您在配置中對其進行測試。