发布主页上的锚链接
提问于 2022-05-01 18:53:24
我对我主页上的锚链接有问题。
我有下面的菜单，当用户在主页上的时候工作很好，但是当访问另一个页面并点击“关于”链接时，它不会去到主页找到锚。
<nav class="main-menu">
<a href="/#about">About</a>
<a href="/contact">Contact</a>
</nav>如果我将菜单更改为以下内容，则其他页面上的菜单很好，但是在主页上(我主页的网址是www.mysite.com/ (在/之后没有任何内容)，然后单击“约”，它会再次加载页面，然后转到锚点。
<nav class="main-menu">
<a href="/home#about">About</a>
<a href="/contact">Contact</a>
</nav>一直在寻找解决办法，以便：
- 当有人到达我的网站的主页(完整的网址：www.mysite.com/)，他们可以点击“关于”，并将走到锚点(没有刷新页面)。
- 当用户从另一个页面单击“约”时，他将返回到主页(www.mysite.com/)上的锚点。
事先非常感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-05-01 19:26:46
您可以通过简单的javascript代码解决这个问题。首先编写一个函数，然后设置条件，如果您在主页中，url将是'#about‘，如果没有主页，url将是’/#约‘。
你能用DOM处理的一切。按DOM选择主页为变量，然后设置条件
if(!home){const url = '/#about'}不要忘记将函数调用到菜单链接中。
我认为这种方法是可行的。谢谢
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72081933
复制
腾讯云开发者
