以编程方式滚动到锚标记

Question

考虑以下代码：

<a href="#label2">GoTo Label2</a>
... [content here] ...
<a name="label0"></a>More content
<a name="label1"></a>More content
<a name="label2"></a>More content
<a name="label3"></a>More content
<a name="label4"></a>More content

有没有办法通过代码模拟点击“GoTo Label2”链接滚动到页面上的相应区域？

编辑：一个可接受的替代方案是滚动到具有唯一 ID 的元素，该元素已存在于我的页面上。 如果这是一个可行的解决方案，我将添加锚标记。

Answer 1

如果你还在元素上放置一个 ID，这个 JS 通常对我来说效果很好：

document.getElementById('MyID').scrollIntoView(true);

这很好，因为它还可以定位可滚动的 div 等，以便内容可见。

Answer 2

使用 javascript：

window.location.href = '#label2';

如果您需要从服务器/后台代码执行此操作，您只需发出此 Javascript 并将其注册为该页面的启动脚本即可。

Answer 3

从服务器端转移到锚点，示例是 c#。

ClientScript.RegisterStartupScript(this.GetType(), "hash", "location.hash = '#form';", true);

Answer 4

我想这会起作用：

window.location="<yourCurrentUri>#label2";

Answer 5

该解决方案

document.getElementById('MyID').scrollIntoView(true);

在几乎所有浏览器中都运行良好，而我注意到在某些浏览器或某些移动设备（例如某些黑莓版本）中“scrollIntoView”功能无法识别，所以我会考虑这个解决方案（比以前的有点难看）一）：

window.location.href = window.location.protocol + "//" + window.location.host + 
                       window.location.pathname + window.location.search + 
                       "#MyAnchor";

Answer 6

如果该元素是锚标记，您应该能够执行以下操作：

document.getElementsByName('label2')[0].focus();

Answer 7

使用 window.location.hash 时没有“#”

Answer 8

您只需打开附加名称的新 URL，例如 http://www.example.com/mypage.htm#label2

在 JavaScript 中，

location.href = location.href + '#label2';