Je crée une page à défilement infini qui charge récursivement et ajoute le contenu de la page suivante dans la page en cours. Je pense que l'expérience de navigation peut être grande et immersive mais la méthode actuelle n'est pas sans inconvénients d'utilisabilité.Déploiement des pages à défilement infini
Amélioration progressive incomplète. Il est toujours bon de prendre en charge le bouton de retour et de fournir des liens profonds lorsque vous utilisez Ajax. Les implémentations actuelles du scroll infini ne supportent pas cela. Il n'y a aucun moyen qu'un état puisse être marqué.
Quelques idées sur l'amélioration de l'UX du défilement infini. Besoin d'opinion
- Modifiez le hachage d'URL avec chaque chargement, par ex. /! #/2 -> /! #/3
- En cliquant sur le bouton Précédent, vous devez faire défiler la page vers le haut. Cliquez sur le bouton Suivant pour le faire défiler vers le bas.
- L'accès à un lien profond devrait se comporter comme avant Ajax. Aller à et en commençant à la page 3 devrait montrer seulement le contenu de la page 3 et non les pages 2 et 1, puisque l'utilisateur ne les demande pas.
- Il devrait toujours être un moyen pour lui d'aller à la page 2 et 1, comme si c'était une pagination régulière. Puisque la page 3 est chargée avec scrollTop à 0, l'événement de défilement vers le haut n'est pas utile. Pour cela, nous aurons peut-être besoin d'un lien cliquable.
- Nous devons vérifier si le numéro de page est supérieur au courant parce que nous ne devrions pas charger le contenu de la page 2 à la fin de la page 3.
Qu'est-ce que vous en pensez?
Soutiendrez-vous également le défilement vers le haut? Cela pourrait avoir quelque chose à voir avec cela ... – jcolebrand
Cela devrait vous donner des idées: http://www.20thingsilearned.com/ Certains navigateurs peuvent avoir du mal, mais vous pouvez toujours revenir à d'anciennes pages régulières pour ces retardataires. – CurtainDog
@CurtainDog c'est un site magnifique. Je suis fasciné. Il n'utilise pas de hash et le navigateur ne semble pas rafraîchissant. Comment est-il fait? –