如何使用jQuery創建無限滾動？

$("body").scroll(function() { 
    $("#myDiv").load("test.html"); 
});

使用此語法，我們可以在用戶滾動時將內容加載到div中。但在插入div之前，我想確保當用戶向下滾動時div在視口區域中。如何使用jQuery創建無限滾動？

如果是，那麼我想將外部內容加載到該div。請幫助我實現我的目標。

來源

2011-01-25 Thomas

創造無限滾動如果您知道如何高度的內容是你可以監視滾動像素的數量。雖然這可能是一個不雅觀念。 – 2011-01-25 12:45:07

在滾動事件處理程序中做重要的工作是一個壞主意！多麼糟糕？足以讓twitter跪下:)看看John Resig發佈的這篇博文 - http://ejohn.org/blog/learning-from-twitter/ – 2011-01-25 12:48:18

$("body").scroll(function() { 
    if (document.elementFromPoint(x,y) == $("#whatever")) { 
     $("#myDiv").load("test.html"); 
    } 
    }

來源

2011-01-25 14:37:15 Incognito

比方說，你已經用id #footer的頁腳DIV：

function element_in_scroll(elem) { 
var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); 

var elemTop = $(elem).offset().top; 
var elemBottom = elemTop + $(elem).height(); 

return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 

$(document).scroll(function(e){ 
if (element_in_scroll("#footer")) { 
    //Here you must do what you need to achieve the infinite scroll effect... 
}; 
});

此外，如果你想了解更多信息結帳這個如何在jQuery的手動http://dumpk.com/2013/06/02/how-to-create-infinite-scroll-with-ajax-on-jquery/

來源

2013-06-04 13:16:35 nicolasbistolfi

如何使用jQuery創建無限滾動？

回答

相關問題