$ (documento) .height ()! = $ (ventana) .height () en el navegador móvil - javascript, jquery-mobile, mobile, mobile-website, infinite-scroll

Esta pregunta se ha hecho antes (Infinite Scroll en los navegadores móviles) pero sin respuesta.

Estoy tratando de implementar el desplazamiento infinito.

La función para verificar si el documento está en la parte inferior, lo que hace que se cargue más es:

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

Esto funciona bien en mi computadora, pero no funciona en ningún navegador en dispositivos móviles (iOS).

En el iPhone 5s para mi página, $(document).height() informes 1055 y $(window).height() es 504. Pero incluso en la parte inferior de la página, $(window).scrollTop() es a lo sumo 507. Por lo tanto 507 != 551 (1055-504)

Creo que esto puede tener algo que ver con $(window).height() informar de la altura de la ventana gráfica que es de alguna manera diferente en el móvil.

¡Cualquier ayuda sería apreciada!

Respuestas

La declaración mágica para mí, funcionó tanto para los navegadores Chrome móviles como para los de escritorio:

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