javascript - Next.js 在页面路由时保持滚动位置

Question

我目前正在 Next.js 样板文件上制作一个网站。

我的路由代码是这样的。 (下)

import Link from 'next/link'


<Link href={{ pathname: '/some-url', query: { param: something } }}>
  <div>
    <button type="button" onClick={handleClickMore}><span>+ More</span></button>
  </div>
</Link>

当我点击这个<Button>时我不想移动滚动位置。但正如您所知，当新页面被路由时，它会移动到顶部。有谁知道如何在加载新分页时保持滚动位置。

Answer 1

<Link scroll={false} href="/"><a>Home</a></Link>

scroll={false} will disable the scroll to top on page changes for that specific link.

引用:https://github.com/zeit/next.js/issues/3950