Javascript 导航到div元素中的定位点

我有一个包含许多

元素的HTML文件，无法使用JavaScript导航到锚定标记。我在JSFIDLE中放了一个演示。有关详细信息，请参见JavaScript+CSS+HTML的链接

我可以导航到“section5”，但不能导航到其他部分

有人能帮我吗

任何帮助都将不胜感激

问候

更新：感谢您的回复。我已经用清理过的HTML更新了链接。javascript导航仍然无法工作：(

更新2:谢谢您的建议，但仍然不起作用

---

我用你的建议更新了它。但是它不起作用。如果我去掉css条目“div.columnbreak{-webkit columnbreak after:always；导航功能正常。当我把它放回去时，导航功能不起作用*

我可能读错了，但看起来你的标签可能没有正确关闭 在部分中，您有两个打开的p，只有一个关闭

它的抛锚部分都在其中，这就是为什么你的锚被弄混了

---

JSFIDLE似乎也不喜欢第3节上面的3div标记，但我还没有弄清楚原因。

您没有正确关闭标记

例如：

错误

<p>This EPUB eBook is released under a Creative Commons (BY-NC-ND/3.0) Licence.
        <p>Source text and images taken from the Public Domain.</p>

此EPUB电子书根据知识共享（BY-NC-ND/3.0）许可证发布。
从公共域中获取的源文本和图像

正确

<p>This EPUB eBook is released under a Creative Commons (BY-NC-ND/3.0) Licence.
        Source text and images taken from the Public Domain.</p>

此EPUB电子书根据知识共享（BY-NC-ND/3.0）许可证发布。
从公共域中获取的源文本和图像

这是因为

的位置有一点。每个人都知道Irene Adler被有效的网页所吸引。
这是JSFIDLE示例中标记的屏幕截图：


如您所见，有多个名值为“section1”、“section2”等的
。这将阻止您的#sectionX散列找到唯一的锚。
请查看：

您根本不需要使用
元素，您可以为您的节块分配唯一的id。
似乎在您的示例中起作用，不是吗？您还有多个同名的-元素实例。我看到名称属性中至少有3个带有“section3”值的。@Niklas:不，如果您将javascript更改为指向“#section3”“如果您指向“#第5节”，它将不会…”它是有效的。@Orolin:我在HTML中没有同名的标签。Jill-Jênn Vie和@CodeWeed都看到了我下面的答案。我诚实地仔细检查了一下。它并没有反映所显示的方式。我非常确定。我检查了很多次……嗯，我没有在Photoshop中制作那个屏幕截图。所以Chrome至少认为你的标记是这样的。这很奇怪…嗯..我正在MAC OS X 4.7中使用Safari 6.0，谢谢你的关注…我已经更新了HTML，但是导航仍然不起作用！！！同时检查你的锚标记，正确的格式是我用你的建议更新的..但是它不起作用。如果我去掉css条目“div.columnbreak{-webkit column break after:always；}”导航功能正常…如果我把它放回原处，它就不正常了。@SumeshTG
name
的锚已经被弃用了。你需要使用
id
。