以编程方式滚动到锚标记

And*_*ers 44 navigation asp.net anchor

请考虑以下代码:

<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
Run Code Online (Sandbox Code Playgroud)

有没有办法模仿点击"GoTo Label2"链接通过代码滚动到页面上的相应区域?

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

Mik*_*ike 73

如果您还在元素上添加了ID,那么这个JS通常对我有用:

document.getElementById('MyID').scrollIntoView(true);
Run Code Online (Sandbox Code Playgroud)

这很好,因为它也会定位可滚动的div等,以便内容可见.

麦克风.


Cub*_*anX 11

使用javascript:

window.location.href = '#label2';
Run Code Online (Sandbox Code Playgroud)

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