jQuery ajax無限滾動排除頁腳高度

Question

我正在研究ajax無限滾動。 我有下面的代碼來滾動結束后發出ajax請求，

$(window).scroll(function(){
if($(window).scrollTop() >= ($(document).height() - $(window).height())){
    loadlist();
}
});

但是，當最終滾動時（包括頁腳），它將觸發。 但是我希望在滾動時頁腳才開始顯示時觸發（頁腳高度為300px）。

我研究並嘗試了以下代碼，

$(window).scroll(function(){
if($(window).scrollTop() >= ($(document).height() - $(window).height()) - 300){ // 300px footer height
    loadlist();
}
});

但這似乎很臟。 滾動時，該函數被觸發太多次。 有什么好的解決方案嗎？

Answer 1

當您的頁腳元素首次滾動到視圖中時，我將采取觸發行為的方法。

var $footer = $("#my-footer");

$(window).scroll( function() {
    if (isScrolledIntoView($footer) ) loadList();
});

請參閱滾動后檢查元素是否可見以獲取isScrolledIntoView()的代碼。