Html 单击时导航栏滚动

我想在单击导航栏中的一个选项时创建导航栏，该页面将滚动到页面中的特定部分，例如，当我单击导航栏上的联系人时，该页面将向下滚动到同一页面中的联系人部分

---

如何制作这样的东西，有人能帮我吗？

你可以很容易地使用

给你的部分，说“关于”，一个ID：

关于

然后更改锚的链接：

<h1 id="about">About</h1>

当你点击锚点时，它会自动滚动到正确的位置。最好的一点是，它需要无javascript，并且在每个浏览器中都受支持

---

注意：您还可以切换结束标记-

和

的顺序不正确。

您可以轻松地使用

给你的部分，说“关于”，一个ID：

关于

然后更改锚的链接：

<h1 id="about">About</h1>

当你点击锚点时，它会自动滚动到正确的位置。最好的一点是，它需要无javascript，并且在每个浏览器中都受支持

---

注意：您的结束标记也被切换-

和

顺序错误。

您可能需要使用javascript来实现这一点。这是我的例子

$（“a”）。单击（函数（）{
var pageId=$（this.attr（“数据页”）；
$（“html，body”）.animate（{scrollTop:$（“#”+pageId.offset（）.top}，1000）；
});
div.page{
最小高度：1000px；
}






关于
文件夹
接触
您可能需要使用javascript来实现这一点。这是我的例子


$（“a”）。单击（函数（）{
var pageId=$（this.attr（“数据页”）；
$（“html，body”）.animate（{scrollTop:$（“#”+pageId.offset（）.top}，1000）；
});
div.page{
最小高度：1000px；
}






关于
文件夹
接触
您可以使用ID进行滚动

简单地说，像这样输入id

<a href="#about" style="color:white;">About</a>

您可以使用ID进行滚动

简单地说，像这样输入id

<a href="#about" style="color:white;">About</a>

谢谢你的回复，我稍后会尝试这个，因为我现在还没有学习javascript yetso我要使用锚定方法如果我们必须从另一个页面导航怎么办？谢谢你的回复，我稍后会尝试这个，因为我还没有学习javascript yetso，现在我要使用锚定方法如果我们必须从另一个页面导航怎么办？很高兴听到@user45938-如果这对你有效，你介意接受答案吗？：）如何使它滚动到动画的要点，而不是突然显示它很高兴听到@user45938-如果这对你有用，你介意接受答案吗？：）如何使它滚动到动画点，而不是突然显示它
   <a href="#about">Click to scroll</a>

   html{
     scroll-behavior: smooth;;
   }