next.js 下一页带我到一个新的页面与链接

vuktfyat 于 2022-12-12 发布在其他

关注(0)|答案(1)|浏览(149)

现在我尝试让它在我点击导航栏上的文本时，它会向下滚动到nextjs中的部分。我有以下代码：

<Link href="#About">About</Link>
 <Link href="#Sponsors">Sponsors</Link>
 <Link href="#FAQ">FAQ</Link>

这是导航栏，当我点击关于赞助商，例如，我想去到页面赞助商

关于、赞助商和常见问题解答是页面上的部分，如您所见：

所以这是工作，但它打开了一个新的标签，我不想。我想它向下滚动到赞助商的地方。
一些信息：“Sponsor About”和“FAQ”是我想滚动到的它们自己的组件

1条答案

你需要有你所有的赞助商，关于，常见问题组件在例如“home.jsx”，他们必须有“赞助商”的id，“关于”，“常见问题”现在你可以使用

<a href="#Sponsors"/>
<a href="#About"/>
<a href="#FAQ"/>

来使页面滚动到你想要的部分。但是如果你想在不同的url中呈现每个组件，你不能使用这个方法，你必须使用nextjs <Link>来转到其他页面，如

http://localhost:3000/Sponsors
http://localhost:3000/Sponsors
http://localhost:3000/Sponsors