Html 片段链接不工作

完全是新手的问题，但我不知道我做错了什么。我想做一个链接，跳下页面的标题。我相信这些被称为片段链接。以下是我的代码，但它不起作用：

<a href="#Frag">My Link</a>

<div id="cont">

<p>Lots of content here, abbreviated in this example to save space</p>

<h2 id="Frag">Header I want to jump to</h2>
</div>

这里有很多内容，在本例中缩写以节省空间

我想跳到头球

非常确定您需要指定锚定要工作的

名称

属性，例如：

<a href="#content">Skip to content</a>

<div name="content" id="content"></div>

好的，所以“相当肯定”是“猜测”的委婉说法，我想我会查一下，所以，从我们的

id

属性可用于在 任何元素（包括

A

元素）。此示例演示了如何使用

id

属性在

H2

元素中定位锚点。锚点通过

A

元素链接到

您可以在中阅读更多关于此的信息。

…在文件后面

第二节

…在文件后面

有关更多详细信息，请参阅上面的

`

要继续进行猜测，可能您的页面不够长，不允许跳转到该内容（也就是说，您的页面可能无处跳转，而跳转到的内容已经可见）

除此之外，在先前链接的规范的同一部分中，以下是一些关于何时使用什么作为锚定标识符（就链接本身而言）的一般信息，这些信息在其他方面可能很有价值：

使用

id

或

name

？作者应考虑以下问题 决定是否使用id或名称作为定位点名称：

• id属性可以不仅仅作为锚名称（例如，样式表选择器、处理标识符等）
• 一些较旧的用户代理不支持使用id属性创建的锚
• name属性允许更丰富的锚定名称（带有实体）

---

您的代码在firefox中运行良好，您也可以使用名称而不是id

---

如果你想有一个很好的滚动，你可以使用jqueryscroll

在你右边的jsfiddle中似乎可以很好地工作。我猜我的代码中一定有错误。@Curt确实，我已经更新了我的答案以反映这些知识。