在 Next.js 站点上的浏览器后退按钮上保持上一页滚动位置

Question

当我使用 Next.js 标签从页面 A 导航到页面 BLink并单击浏览器后退按钮时，页面 A 滚动到顶部。如何保留页面A的滚动位置？

您可以在我的 next.js 博客上对此进行测试。滚动到此页面底部并单击文章链接并点击浏览器后退按钮，它会滚动到顶部而不是保留滚动位置。

源代码： https: //github.com/GorvGoyl/Personal-Site-Gourav.io

Answer 1

通过将此标志添加到 next.config.js 来修复它

experimental: {
      scrollRestoration: true,
    },