防止在键盘选项卡上滚动
Prevent scrolling while keyboard tabbing
请参阅以下测试:http://jsfiddle.net/JgwWM/embedded/result/
在Firefox、Chrome或Safari中,尝试用tab键标记3个锚链接中的每一个。
你注意到在Firefox中没有滚动,而在Chrome或Safari中有滚动吗?如何防止在Chrome和Safari中滚动?
你不必指出可用性问题,因为这只是一个枯燥的测试,我在应用它时考虑到了可用性和可访问性。
编辑
类似的问题:避免IE中键盘导航触发的不必要的滚动?
如果我正确理解Q,只需更改
.scrollblock {
height:200px;
overflow:scroll;
}
至
.scrollblock {
height:200px;
overflow:hidden;
}
相关文章:
- 在选择时停止纯CSS选项卡滚动到页面顶部
- 如何避免鼠标水平滚动选项卡面板溢出
- 使用基础选项卡时禁用滚动到内容
- 在 IE 中从 DOM 中删除选项时,滚动选择元素会跳到顶部
- 使用 JS 在选项卡中滚动页面标题
- 保留选项后的滚动位置(单击时)
- 选择/选项中的垂直滚动条
- 选项卡导航和滚动
- Facebook iFrame选项卡-滚动到顶部
- 如何在单击垂直选项卡时使页面滚动到顶部
- 停止滚动页面,更改选项卡,继续滚动
- 滚动到所选项目的顶部
- 显示选项卡后向上滚动
- 水平滚动选项卡,没有滚动条
- 如何使用 JQuery 自动滚动选项卡
- 在滚动选项卡栏中显示当前页面标题的JavaScript代码
- 带滚动选项的Jquery Mobile动态列表视图
- 可滚动选项卡滚动到快速
- 在模态窗口中实现可滚动选项卡
- 如何直接更改Reactive native可滚动选项卡视图(Reactive native)的源代码样式