html - 防止 firefox 用户能够滚动

标签 html css

我注意到,当我使用“overflow-x: hidden”来隐藏水平滚动条并防止手动滚动时,我仍然可以在 Mozilla Firefox 中使用箭头键滚动(鼠标滚轮可能也会发生这种情况,但我不'有一个鼠标滚轮来测试它)。

在 Google chrome 中隐藏滚动条确实会阻止滚动,这是我想要的行为,因为我想完全用 javascript 控制水平滚动。

如何防止用户控制所有浏览器的滚动?

这是一个 jsfiddle 示例: http://jsfiddle.net/tDzpm/3/

body{
    overflow-x: hidden;
}

我不希望用户能够在该 fiddle 中左右滚动。

最佳答案

overflow: hidden 只隐藏滚动条。 Page Down/Up、箭头键和鼠标滚轮仍然有效。查看How to disable scrolling temporarily?关于如何禁用它们的 Stack Overflow 问题。

关于html - 防止 firefox 用户能够滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21784434/

相关文章:

html - 提高 CSS 特异性的最有效字符方式是什么?

javascript - 在 contenteditable 中取消选择后范围文本相同

jquery - 即使单击下一个按钮,我也无法移至下一页

javascript - 如何根据现有页面中的内容调整 Bootstrap 选项卡?

html - 为什么页面分成两部分?

javascript - 去除 iFrame 的 html 标签样式

html - 让一个 div 浮在另一个之上?

html - 右对齐标签并向左浮动文本,使它们在 bootstrap 中出现在同一行

html - 使用 CSS 根据其标题设置 HTML 元素的样式

CSS:如何让背景和边框溢出?