在 jquery/javascript 处理后移动到命名锚点

Posted 2023-03-05

【中文标题】在 jquery/javascript 处理后移动到命名锚点

【英文标题】：Moving to named anchor after jquery/javascript processing

【发布时间】：2011-08-23 08:13:03

【问题描述】：

在做一些 jquery 处理之后，如何将焦点移动到同一页面上的不同部分（命名为锚点）。

函数 ABC() 进行了一些处理，之后，我需要将用户移动到同一页面上的一个部分（页面下方）。

【参考方案1】：

location.href=location.href.replace(/#.+/,'')++'#namedanchor' 或

document.getElementById('#namedanchor').scrollIntoView(true)

第一个将哈希附加到地址 URL

【讨论】：

感谢 kennebec，您的第一个解决方案非常适用于带有回发的 asp.net :)

【参考方案2】：

您可以使用下面的代码将屏幕滚动到<div id="navigation">。只需更改选择器以匹配您要滚动到的元素。

$('html, body').animate( scrollTop: $('#navigation').offset().top , 'slow');

【讨论】：

我在 youtube 频道中嵌入了一个应用程序。我无法控制 youtube 的屏幕页面向下滚动到我的应用程序中的某个部分，因为 $(html,body) 提供了我的应用程序区域中的其他正文div 不存在。因此，偏移量返回 null。我可以让youtube的屏幕页面滚动到我的应用程序的某个部分吗？这个应用程序在youtube的品牌页面频道下。例如youtube.com/user/Clipstervideo