Gatsby: [using-page-transitions] la page défile vers le haut avant de passer à une nouvelle page

Créé le 29 oct. 2017  ·  3Commentaires  ·  Source: gatsbyjs/gatsby

Vraiment ravi de ce nouvel exemple.

reproduction

  1. Créez une page avec suffisamment de contenu pour qu'elle soit plus haute que la fenêtre d'affichage et ajoutez un lien « local » en bas.
  2. Faites défiler puis cliquez sur ledit lien.

Résultat attendu

Je pense que le débit doit être :

  1. Disparaître
  2. Faites défiler vers le haut
  3. Fondu dans

J'ai sûrement déjà été résolu, je n'ai tout simplement pas encore creusé ou regardé autour de moi.

Résultat actuel

  1. Faites défiler vers le haut
  2. Disparaître
  3. Fondu dans

cc @stevensurgnier (j'espère que c'est casher)

Commentaire le plus utile

J'ai un prototype fonctionnel qui utilise l'option getUserConfirmation de history pour lancer l'animation de sortie et retarder la poussée de l'historique. Laissez-moi tester un peu plus et je vais mettre en place un PR dès que possible.

Tous les 3 commentaires

Hmm le problème est que oui, le défilement se produit immédiatement lorsque la transition de page commence.

Comment les autres ont-ils abordé cela?

Totalement casher avec moi @dustinhorton :) merci d'avoir aidé à améliorer la fonctionnalité. Je vais jeter un oeil cette semaine.

J'ai un prototype fonctionnel qui utilise l'option getUserConfirmation de history pour lancer l'animation de sortie et retarder la poussée de l'historique. Laissez-moi tester un peu plus et je vais mettre en place un PR dès que possible.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

totsteps picture totsteps  ·  3Commentaires

kalinchernev picture kalinchernev  ·  3Commentaires

Oppenheimer1 picture Oppenheimer1  ·  3Commentaires

dustinhorton picture dustinhorton  ·  3Commentaires

brandonmp picture brandonmp  ·  3Commentaires