主页上的锚链接问题

Question

我的主页上的锚 link 有问题。

我有以下菜单，当用户在主页上时效果很好，但当访问另一个页面并单击“关于”时link它不会转到主页找到锚点。

<nav class="main-menu">
        <a href="/#about">About</a>
        <a href="/contact">Contact</a>
</nav>

如果我将菜单更改为以下内容，在其他页面上效果很好，但在主页上（我主页的 url 是 www.mysite.com/（/ 后没有任何内容） )) 并单击“关于”它会在转到锚点之前再次加载页面。

<nav class="main-menu">
        <a href="/home#about">About</a>
        <a href="/contact">Contact</a>
</nav>

一直在寻找解决方案：

非常感谢！

Answer 1

您可以通过简单的 javascript 代码解决此问题。首先写一个函数，然后设置条件，如果你在主页上 url 将是 '#about' 没有主页 url 将是 '/#about'

您可以通过 DOM 处理的一切。 Select 主页可变 DOM 然后设置条件

if(!home){const url = '/#about'}

并且不要忘记在菜单中调用函数 link。

我觉得这个方法行得通。谢谢

Issue with anchor links on homepage