HTML-僅某些錨鏈接有效（同一頁面）

Question

我使用錨鏈接鏈接到同一頁面上的標題。 但是只有一些工作。 這是我的代碼：

<ol type="A">
    <li>
        <a href="#HandleidingWebsite">Handleiding Website</a>
        <ol>
            <li><a href="#Inleiding">Inleiding</a></li>
            <li><a href="#Login">Login</a></li>
            <li><a href="#Hoofdscherm">Hoofdscherm / Rooster</a></li>
            <li>
                <a href="#Input">Input</a>
                <ol type="a">
                    <li><a href="#Machinerooster">Machinerooster</a></li>
                    <li><a href="#Ploegenrooster">Ploegenrooster</a></li>
                    <li><a href="#Beschikbaarheid">Beschikbaarheid</a></li>
                    <li><a href="#SkillMatrix">Skill Matrix</a></li>
                </ol>
            </li>
            <li><a href="#Afdelingen">Afdelingen</a></li>
...

它鏈接到以下div：

<h1 id="HandleidingWebsite">A. Handleiding Website</h1>
<hr />
<div class="handleidingH2" id="Inleiding">
    <h2>1. Inleiding</h2>
</div>
...
<br />
<div class="handleidingH2" id="Afdelingen">
    <h2>5. Afdelingen</h2>
</div>

和

<div id="Machinerooster" class="handleidingH3">
    <h2>Machinerooster</h2>
</div>

這些鏈接有效：

• Inleiding
• 登錄
• Hoofdscherm
• 輸入
• Inleiding

但是鏈接到#Machinerooster或#Afdelingen無效。 URL更改，但是滾動位置保持不變。

我已經在Stackoverflow上看到有關<base>標簽的解決方案，但是我沒有<base>標簽。

我正在使用Firefox，但在所有瀏覽器上都存在相同的問題。 首先，我認為問題可能出在頁面的長度上，但是將其粘貼到另一個位置並沒有幫助。

我要鏈接的div不嵌套在其他元素中。 我沒有重復的ID。

我不知道可能是什么問題，希望有人能幫助我。

Answer 1

解決方案在我的_Layout文件中。 我在導航菜單中使用了相同的ID。 因此，問題是重復的ID。