Question

我正在尝试使用这个无限scroll。这是JS link

我需要排除页脚高度，高度约为150像素。

教程中的原始jQuery：

configuration.query.allowLargeResults

所以我改变了这样的jQuery代码。

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

再试一次：

$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $('#bottom').offset().top)){

因此两者都不起作用，无限滚动仅在我将滚动触摸到浏览器末尾时起作用，然后才有效。

因此，我正在寻找可以排除页脚高度的位置，以便用户在使用滚动触摸页脚时，无限滚动应该可以正常工作。

Answer 1

我认为你在第二次尝试时做得对。您是否尝试过清除浏览器缓存，或者在其他浏览器中进行测试？我基本上做了同样的事情，它对我有用。在尝试弄清楚这些事情时，使用console.log()非常有用。

您是否有指向该网站的链接？也许还有其他因素导致了这个问题......

$(window).scroll(function() {
    scrollDistance = $(window).scrollTop() + $(window).height();
    footerDistance = $('#bottom').offset().top;

    if (scrollDistance >= footerDistance) {
        console.log("Infinite scroll time!");
    }
})

小提琴：https://jsfiddle.net/9ehnb8dv/2/

试图从窗口滚动jQuery中排除页脚高度

1 个答案: