HTML

Question

我在同一页面上使用锚 link 到 link 到 headers。但只有一些工作。这是我的代码：

<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>
...

它 link 到以下 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>

这些 link 工作：

引入
登录
Hoofdscherm
输入
引入

但是link转到#Machinerooster 或#Afdelingen 不起作用。 URL 发生变化，但滚动位置保持不变。

我在 Whosebug 上看到了关于 <base> 标签的解决方案，但我没有 <base> 标签。

我正在使用 Firefox，但我在所有浏览器上都遇到同样的问题。一开始我以为问题可能是页面的长度，但是把它粘贴到另一个位置也没有帮助。

我想要 link 的 div 没有嵌套在其他元素中。我没有重复的 ID。

我不知道问题出在哪里，希望有人能帮助我。

Answer 1

解决方案在我的 _Layout 文件中。我在导航菜单中使用了相同的 ID。所以问题是重复的 ID。

HTML - 只有一些锚链接有效（同一页面）

HTML - Only some anchor links working (same page)

anchor

hyperlink