$ (document) .height ()! = $ (fenêtre) .height () dans un navigateur mobile - javascript, jquery-mobile, mobile, site Web mobile, défilement infini

Cette question a été posée auparavant (Infinite Scroll sur les navigateurs mobiles) mais sans réponse.

J'essaie d'implémenter le défilement infini.

La fonction permettant de vérifier si le document est en bas, ce qui entraîne un chargement supplémentaire est la suivante:

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

Cela fonctionne bien sur mon ordinateur, mais pas sur les navigateurs mobiles (iOS).

Sur iPhone 5s pour ma page, $(document).height() rapporte 1055 et $(window).height() est 504. Mais même au bas de la page, $(window).scrollTop() est au plus 507. Donc 507 != 551 (1055-504)

Je crois que cela peut avoir quelque chose à voir avec $(window).height() signaler la hauteur de la fenêtre d'affichage, ce qui diffère quelque peu sur mobile.

Toute aide serait appréciée!

Réponses:

La déclaration magique pour moi a fonctionné pour les navigateurs Chrome mobiles et de bureau:

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