Comment détecter Pull pour rafraîchir

Question

Il existe de nombreux plugins "pull to refresh". J'en ai déjà testé 5. Mais aucun ne tourne vite (surtout sur les vieux smartphones).

Quelle est la meilleure façon (performances et réactivité UX beurrées) de vérifier la traction pour se rafraîchir?

PS: je n'ai pas besoin d'animation. Je veux juste savoir si un utilisateur "tire pour se rafraîchir"

Answer 1

Et à ce sujet?

var lastScrollPosition = 0;
window.onscroll = function(event)
{
  if((document.body.scrollTop >= 0) && (lastScrollPosition < 0))
  {
    alert("refresh");
  }
  lastScrollPosition = document.body.scrollTop;
}

Si votre navigateur ne défile pas de manière négative, vous pouvez remplacer la ligne 4 par quelque chose comme ceci: if((document.body.scrollTop == 0) && (lastScrollPosition > 0))

Alternativement pour les appareils Android Android, vous pouvez remplacer lastScrollPosition par "ontouchmove" ou d'autres événements gestuels.