javascript - 设置溢出 :hidden to body/html hides scrollbars but does not disable scrolling in Firefox

标签 javascript jquery css dom scroll

我可以在 Chrome/Safari 中禁用滚动,但将 overflow 隐藏在 body 标签上,但在 Firefox 上,这只会隐藏滚动条,我仍然可以使用箭头键滚动。这是为什么?

我还使用 jQuery 制作动画以向下滑动到我页面上的特定区域。使用 FF,我必须为 html 标签设置动画,但使用 Chrome/Safari,它只是我需要设置动画的主体。还没有在 IE 中测试过,但我预计那会是一个令人厌恶的 :D。

那么为什么我可以在 Chrome 而不是 FF 上禁用 body 滚动呢?

注意:哦,我已经尝试为 FF 设置 overflow hidden on the html tag 但这只会让它跳到顶部(overflow hidden on body 对于两种浏览器都可以正常工作)。

最佳答案

您可以将 body 的位置设置为“固定”

关于javascript - 设置溢出 :hidden to body/html hides scrollbars but does not disable scrolling in Firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6164861/

相关文章:

javascript - Bootstrap 多级下拉菜单将子菜单固定在 DOM 上

加载外部csv文件的javascript库

javascript - 替换 Div 和重置 Div (Jquery)

jquery - 将变量发送到 JQuery 函数

jquery - CSS 当前类未被删除

javascript - 使用 javascript 切换类

javascript - JavaScript 函数表达式需要额外括号的上下文

javascript - this.is (":checked") 不工作

javascript - 谁有我可以练习转换为 xhtml 和 css 的示例 psd 模型文件?

javascript - 如何检查变量是否是 ES6 类声明?