在頁面導航期間保留滾動始終是一個不受歡迎的功能。

Question

我有一個使用breeze的標準laravel 慣性vue3設置，正如Inertia文檔所說，頁面之間的導航應該模仿瀏覽器預設行為，在頁面時重置捲動到頂部負載。但在我的例子中，它不是這樣運作的。

我的連結中沒有 preserveScroll: true 但無論如何都會發生這種情況。

我嘗試使用 vuejs onMounted() 鉤子在組件加載時滾動到頂部，但頁面立即從上一頁的頂部滾動到最後一個滾動位置。 所以我停用了這個鉤子，因為它的閃爍效果很醜。

知道如何解決這個問題嗎？ 提前致謝。

Answer 1

我認為你必須定義滾動區域：https://inertiajs.com/scroll -management#scroll-regions

#您的應用程式似乎不會使用文件正文滾動。

Answer 2

我的 CSS 檔案有一個屬性 overscroll-behavior: contains; 套用到 body 標籤。自從我刪除它以來，現在一切正常。