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

Question

我正在尝试使用这个无限 scroll. This is the 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() 会非常有用。

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

$(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/

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

Trying to exclude footer height from window scroll jQuery

javascript

jquery

window-scroll