基於鼠標滾動的無限滾動

想要在到達指定容器底部時基於鼠標滾動實現無限滾動。我來到這個插件搜索http://www.infinite-scroll.com/這需要以下基本要求後：基於鼠標滾動的無限滾動

// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of 
    $('#content').infinitescroll({ 

    navSelector : "div.navigation",    
        // selector for the paged navigation (it will be hidden) 
    nextSelector : "div.navigation a:first",  
        // selector for the NEXT link (to page 2) 
    itemSelector : "#content div.post"   
        // selector for all items you'll retrieve 
    });

即下一個和以前的選擇。我們可以根據鼠標滾動進行無限滾動而不是單擊next，prev鏈接，即當鼠標達到指定容器底部時，通過ajax加載內容

來源

2013-03-06 Rocky Singh

實際上您的問題是什麼？你已經有了http://www.infinite-scroll.com/，它確實是你想要的。怎麼辦？ – sadaf2605 2013-03-06 06:55:57

不幸的是，我找不到演示+示例代碼來加載鼠標滾動內容。我不希望下一個，prev鏈接加載更多的內容。 – 2013-03-06 07:03:52

@RockySingh只是一個猜測，但也許它只是希望鏈接知道在哪裏尋找下一頁數據。也許你可以包含這些鏈接，但保持隱藏。 – 2013-03-06 07:05:35

向滾動事件添加一個函數並檢查是否向下滾動到底部。您必須根據您的佈局調整數字並調整代碼：

var $window = $(window); 

$(document).ready(function() { 

     $(window).scroll(function() { 
      var scrollheight2; 
      scrollheight2 = $window.scrollTop(); 

      if (($("#content").height() - scrollheight2) <= 100) { 
        //AJAX STUFF 
      } 
     }); 
    });

來源

2013-03-06 06:58:01

基於鼠標滾動的無限滾動

回答

相關問題