链接到具有锚点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，但是确实在浏览器的URL中添加了#broadband。我做错了什么，什么是最好的解决方案，因为我有很多类似的工作要做？

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指出了这一点（无双关语）