我有一个网站，主页上有多个部分
我想要做的是在导航中添加一个锚点。因此，当我在主页上并单击“关于我们”导航链接时，它将向下滚动到该主页上的“关于”部分。另外，当我进入下一个页面（联系页面，不是主页）时，我可以单击“关于我们”导航链接，它会将我带到主页上的那个部分，而不是主页的顶部.
HTML 中有没有办法做到这一点？
【问题讨论】：
标签： html css navigation anchor
您可以使用锚点 - 就像您在标题中所说的那样。
id="my-anchor" 影响到您主页中要滚动到的元素。如果您对平滑滚动感兴趣，请使用scroll-behaviour。
【讨论】：
您可以在 href 链接中使用 ID 将用户引导至与该 ID 对应的特定元素。例如：
<a href="#about">Link to my About section</a>
<div id="section-hello"> Text here </div>
<div id="section-portfolio"> Portfolio here </div>
<div id="about"> Here is my about section where I want an anchor. </div>
菜单内的菜单链接应为：www.testsite.com/#about。这会将用户引导到您主页上的特定“关于”部分。不幸的是，无法在另一个页面中通过 html 生成 /about 永久链接。
【讨论】：