Gatsby: [using-page-transitions]ページは、新しいページに移行する前に上にスクロールします

作成日 2017年10月29日  ·  3コメント  ·  ソース: gatsbyjs/gatsby

この新しい例に本当に興奮しました。

再現

  1. ビューポートよりも高いコンテンツを含むページを作成し、下部に「ローカル」リンクを追加します。
  2. スクロールして、上記のリンクをクリックします。

期待される結果

フローは次のようになります。

  1. フェードアウト
  2. トップにスクロールします
  3. フェードイン

確かに以前に解決されましたが、まだ個人的に掘り下げたり見回したりしていません。

実結果

  1. トップにスクロールします
  2. フェードアウト
  3. フェードイン

cc @stevensurgnier （コーシャであることを願っています）

picture dustinhorton
👍1

最も参考になるコメント

historyのgetUserConfirmationオプションを使用して、終了アニメーションを開始し、履歴のプッシュを遅らせる、動作するプロトタイプがあります。 もう少しテストして、できるだけ早くPRをまとめます。

picture stevensurgnier 2017年10月31日
👍4

全てのコメント3件

問題は、ページ遷移が開始されるとすぐにスクロールが発生することです。

他の人はこれにどのようにアプローチしましたか？

KyleAMathews picture KyleAMathews 2017年10月29日

@dustinhorton :)機能を改善するのを手伝ってくれて

stevensurgnier picture stevensurgnier 2017年10月30日

historyのgetUserConfirmationオプションを使用して、終了アニメーションを開始し、履歴のプッシュを遅らせる、動作するプロトタイプがあります。 もう少しテストして、できるだけ早くPRをまとめます。

stevensurgnier picture stevensurgnier 2017年10月31日
👍4
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

hobochild picture hobochild  ·  3コメント
timbrandin picture timbrandin  ·  3コメント
rossPatton picture rossPatton  ·  3コメント
3CordGuy picture 3CordGuy  ·  3コメント
ferMartz picture ferMartz  ·  3コメント