在页面导航期间保留滚动始终是一个不受欢迎的功能。

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 标记。自从我删除它以来，现在一切正常。