Question

我使用以下代码进行无限滚动。它工作得很好，但只有当我在页面的最底部时。我希望它在页面3/4左右时加载下一页内容。

$(window).scroll(function() {
            if($(window).scrollTop() + $(window).height() == $(document).height()) {
            $('#infinite-load').click();
        }
});

我将代码更改为：

$(window).scroll(function() {
            if($(window).scrollTop() <= ($(document).height()) - $(window).height() - 10) {
            $('#infinite-load').click();
        }
});

现在，在第一个卷轴上，无论我向下滚动多少，下一页的内容都会加载。再次滚动像素会导致页面加载。

Answer 1

尝试将代码更改为此。不确定它是否有用..

var h = ($(window).height()*1.25)+$(window).scrollTop();
h = parseInt(h);
var h2 = parseInt($(window).height()*1.25);
if(h >= ($(document).height()) && h <= ($(document).height())+h2)

底部之前的jQuery无限滚动加载

1 个答案: