如何在加載新的HTML內容時防止自動滾動事件？

Question

我正在使用window.scroll（）函數在滾動時將更多的HTML內容附加到DIV持有者。我在每個滾動事件上加載10..10。但在加載前10個內容後，文檔大小增加，因此瀏覽器會自動滾動並調用loadContent函數並添加新內容而不進行滾動手動。我可以防止此機制。我只需要在用戶加載更多內容時滾動按鈕。

$(function(){ 
    var loading = true; 
    $(window).scroll(function(){ 
    if (loading && $(window).scrollTop() + $(window).height() > $(document).height() - 100){ 
     loading = false; 
     loadContents(); 
     loading = true; 
} 
}); 
)}; 

有沒有其他更好的方法來執行無限滾動功能？

Answer 1

通常使用一個布爾標誌，就像你正在做的是如何處理這個問題。通常，雖然數據是使用ajax填充的，那麼loading將被更改。您的loading的值似乎也是相反的。

$(function(){ 
    var loading = false; 
    $(window).scroll(function(){ 
     if (!loading && $(window).scrollTop() + $(window).height() > $(document).height() - 100){ 
      loading = true; 
      loadContents(); 
     } 
    }); 

    function loadContents() { 
     $.ajax({ 
      ..., 
      success: function() { 
       // add new data 
       loading = false; 
      } 
     }); 
    } 
)};