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

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

您可以使用jQuery scrollTo插件滚动到给定位置。如果查看其演示页面，您会看到该插件具有许多不同的功能，包括滚动到某个位置。但是，那将意味着您必须控制目标的JavaScript，因此这可能不适合链接到外部站点。

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

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

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

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

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

尝试右键单击并检查页面上的元素。您会找到<a>标签，这些是锚点。

然后<在第一个和最后一个之前删除，a以免它们显示为链接。当它在下面显示预览时，您实际上可以在响应框中书写时看到效果。

a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header">question /a>

和

a href="/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers">answers /a>

如您所见，唯一的区别是锚点在磅（#）符号后面的名称。后面的名称>是链接如何读取给用户的名称。

在这种情况下，“ question-header”读作“ question”，而答案恰好相同。

然后，以下内容应链接到Mike的评论。因为他们的锚点是382094

为了明确起见，您可以简单地找到锚点并#在链接后添加。

/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#question-header

/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#answers

/superuser/382047/linking-to-a-specific-scroll-position-on-a-web-page#880079

这些都将带您到同一页面上的不同位置。

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

您可以使用Citebite链接到网页的特定位置，即使该位置不使用id。这个用起来很简单。只需转到我在此处提供的链接，然后将要显示的文本块粘贴到“引用”文本字段中的网页之后，然后在“源URL”文本字段中提供网页的链接。然后单击“制作叮咬”。然后它将生成一个链接。该链接将是您想要的链接。