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()的代码。