當用戶滾動到頁面末尾時自動點擊

Question

我正在嘗試在我的網站上創建無限滾動功能，但它不起作用。 我的代碼：

var post = {} 
post.load_moreBtn = $('#home_load_more'); 
if($(window).scrollTop() + $(window).height() == $(document).height()) { 
    post.load_moreBtn.trigger('click'); 
} 
post.load_moreBtn.on('click', function() { 
    $(this).html('<img src="' + base_url + 'images/core/loader2.gif"/>'); 
    post.load_more_messages($(this).attr('data-last_id')); 
}); 

如果我把警報在地方它的工作原理觸發的，另外，如果我刪除滾動檢測位，負載更多的工作正常。只是不能讓它自動加載，請幫助。

Answer 1

這很容易使用jQuery：

$(function(){ //on document ready 
    $(document).scroll(function (e) { //bind scroll event 

     var intBottomMargin = 300; //Pixels from bottom when script should trigger 

     //if less than intBottomMargin px from bottom 
     if ($(window).scrollTop() >= $(document).height() - $(window).height() - intBottomMargin) { 
      $("#home_load_more").click(); //trigger click 
     } 

    }); 
}); 

我這個綁定在