移动浏览器中的$（document）.height（）！= $（window）.height（）

Question

之前已经问过这个问题（Infinite Scroll on Mobile browsers），但没有回复。

我试图实现无限滚动。

检查文档是否在底部，导致更多加载的功能是：

if ($(window).scrollTop() == $(document).height() - $(window).height())

这在我的计算机上运行正常，但不适用于移动设备上的任何浏览器（iOS）。

在我的网页的iPhone 5s上，$(document).height()报告1055，$(window).height()报告为504。 但即使在页面底部，$(window).scrollTop()最多也是507。 因此507 != 551 (1055-504)

我认为这可能与$(window).height()报告视口的高度有关，该视口在移动设备上有所不同。

任何帮助将不胜感激！

Answer 1

对我而言，这个神奇的声明适用于移动设备和桌面Chrome浏览器：

$(document).height() - window.visualViewport.height