J’ai remarqué un problème qui n’apparaît pas dans Codepen mais est présent et gênant quand le projet est hébergé sur un vrai serveur. Ce problème survient quand on rafraîchit la page alors que l’on a déjà commencé à la faire défiler. Le résultat est que l’animation où l’on était rendu avec le défilement est déclenchée. Or on souhaiterait plutôt que la page soit réinitialisée, au sens où le défilement serait remis à zéro. La solution trouvée est d’ajouter ce bloc de code au début de notre script:
window.onbeforeunload = function () { window.scrollTo(0, 0); }
De cette façon, le défilement revient à son état initial.
Laisser un commentaire