如何创建指向网页上特定位置的链接？

Question

是否可以创建指向网页上特定滚动位置的超链接？例如，我想创建一个指向http://www.stackoverflow.com/，但页面向下滚动了 100 像素。

Answer 1

您可以使用jQuery scrollTo 插件。如果你看看它的演示页面，你会发现该插件有很多不同的选项，包括滚动到某个位置。不过，这意味着你必须控制目标的 JavaScript，所以这可能不适合链接到外部网站。

Answer 2

链接到页面某个位置的原始方式是通过锚点已经存在于页面中。

这可以使用<a>…</a>标签创建。请注意，在“锚点”（上文）中指定的链接位于#h-12.2末尾。这对应于<a id="h-12.2">12.2</a>嵌入在构成页面的 HTML 中，单击后会将页面视图重新定位到此锚点。

请注意，在 HTML5 之前，该name属性用于锚标记，但不再受支持，id应在其位置使用该属性（参考）。这也意味着你可以使用任何元素作为锚标记，而不局限于元素<a>。

Answer 3

与 Paul 的回答类似，您也可以链接到 HTML 文档中第一次出现的标签 ID。不过，这不是确切的像素数。

例如，链接/滚动到此页面的问题或者答案。

Answer 4

要链接到页面上的特定像素位置，请将锚标记放置在使用“top:x left:y”坐标绝对定位的 div 内。