锚标记在二级页面中不起作用

Question

我有一个包含以下内容的菜单：

<div class="menu">
    <ol>
        <li data-target="home" ><a href="#home">hello</a></li>
        <li data-target="contact" ><a href="#contact">Contact</a></li>
        <li data-target="policy_privacy" ><a href="https://somesite.com/privacy_policy">Privacy</a></li>
    </ol>
</div>

当我在 home 页面时，锚点运行良好（#home、#contact），但如果我在 privacy_policy 页面，请尝试去主页，没有任何反应。如果我不在主页（包含锚点）中，我如何以某种方式检测并将用户重定向到主页？

Answer 1

如果为 privacy_policy 页面添加单独的标记，您可以在锚标记中添加主页的 link，这似乎并不容易，那么您应该尝试这样的事情。

if (window.location.href.includes("privacy_policy")) {
    document.querySelector('#home').href = "https://somesite.com";
}

锚标记在二级页面中不起作用

Anchor tag doesn't work in second level pages

html

anchor

anchor-scroll