使用錨點 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 指出（沒有雙關語意）