javascript - 使用 AJAX 在(无限)滚动上加载更多 WordPress 帖子

Question

当用户单击“加载更多”按钮时，我当前正在通过 AJAX 加载更多帖子。我使用的代码基于本教程:

http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/

我的目标是修改该代码，以便当用户滚动到页面底部时加载更多帖子。我尝试过更换

$('#pbd-alp-load-posts a').click(function() {

});

这样:

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height()){

    }
});

执行此操作时，新帖子已成功加载，但当用户第二次滚动到浏览器窗口底部时，下一组帖子不会加载到页面中。

使用按钮单击方法，会在页面中添加一个新的“加载更多”按钮，以便在用户再次单击时加载下一组帖子。当用户再次滚动到页面底部时，如何让滚动方法加载下一组帖子？

Answer 1

在您的测试中，不要使用完全相等:

if ($(window).scrollTop() == $(document).height() - $(window).height()) {
    ...
}

尝试使用阈值，例如:

if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
    ...
}