javascript - $(document).innerHeight() 和 $(window).innerHeight() 不适用于移动设备

Question

当用户滚动到底部时，我正在尝试执行某些操作。

这段代码可以在桌面上运行。

但是在我的 Android 4.3 Google Chrome 和 iPhone Safari 上，它没有将 if 语句解析为 true，但我可以确认它确实到达了那里。

我使用的是 jQuery 1.11.0，但我也尝试过使用 1.7.2。

$(window).scroll(function() {
    if ($(window).scrollTop() === $(document).innerHeight() - $(window).innerHeight()) {
        //Do Stuff
    }
});

此外，我还添加了:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Answer 1

我认为问题可能是移动浏览器在视口(viewport)移动时不运行任何 JavaScript。

这意味着除非您完全在文档高度上停止滚动(没有弹性底部的东西)，否则不太可能等于相同的高度。

尝试将 === 更改为 >= 并查看是否有影响。