如何将焦点设置在页面顶部[重复]答案

【问题标题】：how to set focus on top of the page [duplicate]如何将焦点设置在页面顶部[重复]
【发布时间】：2011-02-26 18:17:11
【问题描述】：

如何将焦点设置到页面顶部？

【问题讨论】：

这几乎不是一个问题，而且肯定不足以开始回答。而且我很确定我并不孤单。
也许@vakas 希望将焦点设置回初始点，在该初始点 Tab 键会将焦点更改为“跳至内容”链接或顶部导航（例如页面首次加载时）。这就是把我带到这个页面的问题。滚动完成后，我的解决方案是设置 documentElement.tabIndex = 0; (Chrome needs that) 然后调用 documentElement.focus();。这将焦点放在页面首次加载时的方式（至少对于 Chrome、Firefox、Edge、IE 9-11 和 Opera——尚未在 Safari 中测试过）。
“这个问题在这里已经有了答案：”的建议具有误导性。 OP 想要设置焦点，而不是滚动。
添加投票以重新打开，这样我们就可以正确回答这个关于焦点而不是滚动的问题，因为它是 Web 可访问性的一个重要主题。

【解决方案1】：

我找到了window.scrollTo函数的this use：

window.scrollTo(0,0);

【讨论】：

【解决方案2】：

以下是主要推荐的方法，

Javascript 滚动到顶部坐标。

window.scrollTo(0,0);

语法是，

window.scrollTo(x-coord, y-coord);

使用 jquery 向上滚动，

$("html, body").animate({ scrollTop: 0 }, "slow");

使用 javascript 导航/滚动到特定元素，

<div id="jump_to_me">
    blah blah blah
</div>

<a target="#jump_to_me">Click Here To Destroy The World!</a>

简单的 javascript 方法来关注顶部，

window.location = '#'

【讨论】：

【解决方案3】：

document.location.href = "#";

将向上滚动，但也会在您的 URL 中添加一个“#”，但考虑到问题，我本来可以回答的

functionToSetFocusOnTopOfPage();

它会一样好

【讨论】：

【解决方案4】：

如果你能写一点，这样我们就能理解你的问题，这会很有帮助。

一种非常简单的方法是链接到页面上的类或 id。

例如这个页面“page.html”

<body>
        <div id="top"> ..................Content................</div>
        <div id="otherdiv">........................</div>
</body>

如果你需要关注顶部，发送一个类似“page.html#top”的链接页面会自动关注顶部

或者如果你想坚持使用 javascript，那么就这样做

document.location.href = '#top'; //to send it to the top

但我会说使用简单的 html 锚点到顶部就像

<a href="#top">Back to Top</a>

【讨论】：