禁用身体滚动

新手上路,请多包涵

我想完全禁用 HTML body 上的滚动。我尝试了以下选项:

  • overflow: hidden; (不工作,没有禁用滚动,它只是隐藏了滚动条)

  • position: fixed; (这有效,但它完全滚动到顶部,这对于这个特定的应用程序是不可接受的)

我找不到这两个选项的任何替代方案,还有更多吗?

原文由 user4532193 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 282
2 个回答

设置 heightoverflow

 html, body {margin: 0; height: 100%; overflow: hidden}

http://jsfiddle.net/q99hvawt/

原文由 pavel 发布,翻译遵循 CC BY-SA 3.0 许可协议

如果 body 标签什么都不做,HTML css 工作正常你也可以写

<body scroll="no" style="overflow: hidden">

在这种情况下,覆盖应该在 body 标签上,它更容易控制,但有时会让人头疼。

原文由 Lalo 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题