html - 停用主体的滚动但保留滚动条

标签 html css scroll

如何禁用 body 的滚动条,但让它在屏幕上保持可见?以 facebook 的影院模式为例:

facebook screen

最佳答案

这是唯一需要强制滚动条的 CSS:

html{
    overflow-y: scroll;
}

如果内容小于窗口,滚动条将被禁用,因此您必须使用一些脚本将正文的大小调整为至少 1px 小于窗口高度:

$("body").css({ "height" : ($(window).height() - 1) + 'px', "overflow": "hidden" });

关于html - 停用主体的滚动但保留滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11336300/

相关文章:

java - Regex <img> 标签解析带src,width,height

javascript - 以编程方式更改 html 选择下拉列表后,onchange 不会触发

html - 为 row-fluid bootstrap 设置背景颜色

css - 与另一个元素的大小相关的可滚动区域

java - 如何在Android中的聊天应用程序中更新新消息的 ListView

html - 停止使用滚动条更改 div/容器大小?

javascript - FF 中页面顶部的空白

html - 如何禁用 HTML 元素中的换行?

jquery - 尝试在 jquery 中设置动画时 div 的不当行为

css - 粘性页脚无法正常工作