私は breeze を使用して標準の laravel inertia vue3 セットアップを行っています。Inertia のドキュメントに記載されているように、ページ間のナビゲーションはブラウザのデフォルトの動作を模倣し、ページが一番上までスクロールするとリセットされます。負荷。しかし、私の場合はそうではありません。
私のリンクには preserveScroll: true がありませんが、とにかくこれが発生します。
コンポーネントの読み込み時に vuejs onMounted() フックを使用して先頭までスクロールしようとしましたが、ページはすぐに前のページの先頭から最後のスクロールまでスクロールしてしまいます。位置。
ちらつき効果が醜かったので、このフックを無効にしました。
この問題を解決する方法はありますか? 前もって感謝します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
スクロール領域を定義する必要があると思います: https://inertiajs.com/scroll -management#scroll-regions
あなたのアプリはドキュメント本文のスクロールを使用していないようです。
私の CSS ファイルには、
bodyタグに適用されるプロパティoverscroll-behavior: contains;があります。それを削除して以来、すべてが正常に動作するようになりました。