移动浏览器上的无限滚动

GBr*_*n12 5 javascript mobile infinite-scroll

我正在尝试在我的网站上实现无限滚动,它在任何计算机上的浏览器上运行良好,但在移动浏览器上有问题。到目前为止,在 Chrome 上,如果我不放大或缩小,它可以正常工作,但一旦我以任何方式缩放,它就会停止工作。在 safari 上它根本不起作用。这是我正在使用的代码:

$(window).on('scroll', function (e) {
    console.log(" window.scrollTop = " + $(window).scrollTop() + " document.height=" + $(document).height() + " window.height =" + $(window).height());
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        load();
    }
});
Run Code Online (Sandbox Code Playgroud)

如果有人有任何建议,请告诉我。

小智 1

而不是使用

$(窗口).height()

尝试使用

window.innerHeight