停用正文的滚动但保留滚动条

Question

如何禁用body滚动条,但让它在屏幕上保持可见？作为一个例子,请参阅Facebook的影院模式:

Answer 1

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

html{
    overflow-y: scroll;
}

如果内容小于窗口,则会禁用滚动条,因此您必须使用一些脚本来调整主体的大小,使其至少1px小于窗口高度:

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