html - 禁用 body 滚动

标签 html css scroll

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

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

  • position: fixed;(这行得通,但它完全滚动到顶部,这对于这个特定的应用程序来说是 Not Acceptable )

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

最佳答案

设置高度溢出:

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

http://jsfiddle.net/q99hvawt/

关于html - 禁用 body 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28411499/

相关文章:

javascript - 更改滚轮一勾所覆盖的滚动距离

html - 与 Chrome/Firefox 的兼容性问题

javascript - 如何让jquery函数在div显示在屏幕上时运行

jquery - 触摸设备的延迟加载

javascript - html 不显示插入的 javascript 代码

html - 如何在使用 css 在图像上显示文本(悬停)时模糊图像

css - Web 视差滚动背景图像和文本

javascript - 如何通过按向上和向下箭头使 slider 移动

javascript - 等待背景视频完全加载,然后显示

html - CSS/Bootstrap/HTML - 带有底部边框和填充的 Div...如何防止在边距或填充上扩展边框?