Javascript 检测jQuery中滚动的结束

我想检测用户是否滚动到窗口的末尾，然后触发单击“显示更多”按钮，如Facebook新闻提要

$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() == $(document).height()){
        $('.feed-show-more-button').trigger('click');
    }
});

这是我的代码，但只有当我滚动到窗口末尾然后返回顶部时，它才起作用

有人能帮忙吗？

试试这个

var CheckIfScrollBottom = debouncer(function() {
    if (getDocHeight() == getScrollXY()[1] + window.innerHeight) {
        $('.feed-show-more-button').trigger('click');
    }
}, 500);

document.addEventListener('scroll', CheckIfScrollBottom);

function debouncer(a, b, c) {
    var d;
    return function() {
        var e = this,
            f = arguments,
            g = function() {
                d = null, c || a.apply(e, f)
            },
            h = c && !d;
        clearTimeout(d), d = setTimeout(g, b), h && a.apply(e, f)
    }
}

function getScrollXY() {
    var a = 0,
        b = 0;
    return "number" == typeof window.pageYOffset ? (b = window.pageYOffset, a = window.pageXOffset) : document.body && (document.body.scrollLeft || document.body.scrollTop) ? (b = document.body.scrollTop, a = document.body.scrollLeft) : document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop) && (b = document.documentElement.scrollTop, a = document.documentElement.scrollLeft), [a, b]
}

function getDocHeight() {
    var a = document;
    return Math.max(a.body.scrollHeight, a.documentElement.scrollHeight, a.body.offsetHeight, a.documentElement.offsetHeight, a.body.clientHeight, a.documentElement.clientHeight)
}

添加了jsfiddle

var处理；
$（文档）.ready（函数（）{
$（文档）。滚动（功能（e）{
如果（处理）
返回false；
if（$（窗口）.scrollTop（）>=（$（文档）.height（）-$（窗口）.height（））{
console.log（'in it'）；
处理=真；
$（“#容器”）.append（“添加了更多内容”）；
console.log（$（'#container'））；
处理=假；
});
}
});
});
.loadedcontent{min height:800px；}

Hello world
可能重复的