javascript - 如何在 html 中创建一个按钮链接，它将带您到同一页面的不同部分

Question

我想制作一个按钮，单击该按钮会将您带到同一页面的不同部分，而不是不同的页面。该按钮会将您带到同一页面的特定部分，而不是向下滚动页面。

标签： javascripthtmlcss

Answer 1

例如，在您的主页上有一个“关于我们”部分，您希望访问者通过单击按钮/链接转到“关于我们”部分。您可以在“关于我们”部分设置 ID。像这样 ：

<div id="about">This is About Us Section<div>

并且可以使用这个链接：

<a href="#about"></a>

对于平滑滚动行为，您可以设置：

html { scroll-behavior: smooth;}