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

Question

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

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

教程中的原始 jQuery:

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

所以我像这样更改了 jQuery 代码。

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

再试一次:

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

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

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

Answer 1

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

你有网站链接吗？也许是其他原因导致了这个问题...

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

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

fiddle :https://jsfiddle.net/9ehnb8dv/2/