防止键盘按 Tab 键时滚动

发布于 2024-11-16 09:17:21 字数 524 浏览 4 评论 0原文

请参阅以下测试: http://jsfiddle.net/JgwWM/embedded/result/

尝试使用 Tab 键切换到 Firefox 以及 Chrome 或 Safari 中的 3 个锚链接中的每一个。

您是否注意到,在 Firefox 中没有滚动,而在 Chrome 或 Safari 中却有? 如何防止在 Chrome 和 Safari 中滚动?

您不必指出可用性问题,因为这只是一个干测试,我在应用它时考虑了可用性和可访问性。

编辑

类似问题:避免不必要的滚动由 IE 中的键盘导航触发?

See the following test: http://jsfiddle.net/JgwWM/embedded/result/

Try to tab with your tab key to each one of the 3 anchor links in Firefox and in Chrome or Safari.

Do you notice that in Firefox, there is no scrolling while in Chrome or Safari, there is?
How can I prevent scrolling in Chrome and Safari too?

You don't have to indicate the usability concerns since this is just a dry test and I am applying it with usability and accessibility in mind.

EDIT

Similar question: Avoid unwanted scrolling triggered by keyboard navigation in IE?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

回忆追雨的时光 2024-11-23 09:17:21

如果我正确理解了 Q,只需更改

.scrollblock {
height:200px;
overflow:scroll;   
}

.scrollblock {
height:200px;
overflow:hidden;   
}

If I am understanding the Q correctly, just change

.scrollblock {
height:200px;
overflow:scroll;   
}

to

.scrollblock {
height:200px;
overflow:hidden;   
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文