使用锚点 div id 链接到另一个页面

Question

因此，我的主导航上有许多下拉链接，需要链接到其他登录页面并滚动或显示该页面的特定部分，例如文章或特定服务。 我在这里经历了很多例子，但无法让它发挥作用：

<a class="dropdown-item" href="#" onclick="location.href = '/voice-data#broadband/'">BROADBAND & MANAGED INTERNET</a>

上面的链接应该锚定到另一个页面上的这个 div：

<div class="row broadband-block" id="#broadband">

目前它登陆它需要的页面，但没有进入它应该进入的锚点 div，但它确实将#broadband 添加到浏览器中的 url。 我做错了什么，最好的解决方案是什么，因为我有很多这样的链接要做？

Answer 1

您的问题是 ID 属性。 从您的 ID 中删除 #，它应该可以解决您的问题：

<div class="row broadband-block" id="#broadband">
<div class="row broadband-block" id="broadband">

或者调整您的“a”标签并在您的网址前面添加一个额外的“#”：

<a class="dropdown-item" href="#" onclick="location.href = '/voice-data##broadband/'">BROADBAND & MANAGED INTERNET</a>

此外，除非您的应用程序环境需要，否则不需要 javascript onclick，这都可以在 href 属性中完成。

Answer 2

你应该做这个

<a class="dropdown-item" href="/voice-data/#broadband">BROADBAND & MANAGED INTERNET</a>

只需使用href 而不是onclick。

并且 id 应该匹配，在当前状态下，您应该使用 ##broadband 而您应该使用 id，如下所示：

<div class="row broadband-block" id="broadband">

编辑：@pointy 指出（没有双关语意）