[英]HTML - Only some anchor links working (same page)
我使用锚链接链接到同一页面上的标题。 但是只有一些工作。 这是我的代码:
<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>
这些链接有效:
但是链接到#Machinerooster或#Afdelingen无效。 URL更改,但是滚动位置保持不变。
我已经在Stackoverflow上看到有关<base>
标签的解决方案,但是我没有<base>
标签。
我正在使用Firefox,但在所有浏览器上都存在相同的问题。 首先,我认为问题可能出在页面的长度上,但是将其粘贴到另一个位置并没有帮助。
我要链接的div不嵌套在其他元素中。 我没有重复的ID。
我不知道可能是什么问题,希望有人能帮助我。
解决方案在我的_Layout文件中。 我在导航菜单中使用了相同的ID。 因此,问题是重复的ID。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.