ページ ナビゲーション中にスクロールを維持することは、常に望ましくない機能です。

Question

私は breeze を使用して標準の laravel inertia vue3 セットアップを行っています。Inertia のドキュメントに記載されているように、ページ間のナビゲーションはブラウザのデフォルトの動作を模倣し、ページが一番上までスクロールするとリセットされます。負荷。しかし、私の場合はそうではありません。

私のリンクには preserveScroll: true がありませんが、とにかくこれが発生します。

コンポーネントの読み込み時に vuejs onMounted() フックを使用して先頭までスクロールしようとしましたが、ページはすぐに前のページの先頭から最後のスクロールまでスクロールしてしまいます。位置。 ちらつき効果が醜かったので、このフックを無効にしました。

この問題を解決する方法はありますか? 前もって感謝します。

Answer 1

スクロール領域を定義する必要があると思います: https://inertiajs.com/scroll -management#scroll-regions

あなたのアプリはドキュメント本文のスクロールを使用していないようです。

Answer 2

私の CSS ファイルには、body タグに適用されるプロパティ overscroll-behavior: contains; があります。それを削除して以来、すべてが正常に動作するようになりました。