問題タブ [page-transition]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
63 参照

javascript - React-Spring は、次のページに遷移する前に現在のページを一番上にスクロールさせます

私は React-Springs を使用して、NextJS Web アプリでページからページへと移行しています。

エラーを再現するには:

  1. コードサンドボックス リンクを開きます: https://codesandbox.io/s/nextjs-page-transition-react-spring-ggx7n?file=/pages/_app.js
  2. ライブ Web アプリの下部に移動します
  3. 連絡先リンクをクリックします

インデックス ページが一番上までスクロールしてから、連絡先ページに遷移します。それを明らかにするために、トランジションを遅くしました。

次のページに遷移する前に、ページの一番上までスクロールしないようにするにはどうすればよいですか?

0 投票する
0 に答える
316 参照

flutter - フラッターでの FadeIn/FadeOut ページ遷移

私は解決できない簡単な問題でスタックしています。Flutter Web で簡単にフェードイン/アウトのページ遷移を作成したいのですが、何らかの理由で遷移が FadeIn でしか発生しません。前のページはフェードアウトしません。コードは次のとおりです。

何時間も検索しましたが、問題を解決できませんでした。どなたかご存知の方がいらっしゃいましたら、遠慮なくご回答ください!前もって感謝します!

0 投票する
0 に答える
34 参照

javascript - window.location がトリガーされたら、ページが変更される直前の状態を確認する方法

Web サイトでページ遷移を使用しています。しかし、私の現在のやり方は最も効率的ではありません。

ユーザーがリンクをクリックすると、トランジションがトリガーされ、 でページが変わりますwindow.location

私がやりたいことは、次のページの読み込みを開始してから遷移をトリガーすることです。次のページが読み込まれたら、ページを離れる前に outTransition が完了したことを確認する必要があります。

まとめると、2つのステップ(トランジションと次のページの読み込み)を交互に行うのではなく、同時に行いたいと考えています。

私の現在のコード:

それは可能ですか?メソッドsetTimeout()を呼び出すときに関数を削除しようとしました。window.locationこのようにして、ロードは遷移と同時に開始されます。ただし、遷移が終了していなくても、ページはいつでも変更されます。

私がやりたいことをする方法はありますか?またはこれに似たもの。