html - 本体のスクロールを無効にしますが、スクロール バーは保持します

Question

bodyのスクロール バーを無効にして、画面に表示したままにするにはどうすればよいですか? 例として、facebook のシアター モードを参照してください。

Answer 1

これは、スクロールバーを強制するために必要な唯一の CSS です。

html{
    overflow-y: scroll;
}

コンテンツがウィンドウよりも小さい場合、スクロールバーは無効になるため、何らかのスクリプトを使用して、少なくとも1pxウィンドウの高さよりも小さくなるように本文のサイズを変更する必要があります。

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

Answer 2

overflow-y: scroll; 

それはあなたが探しているものでなければなりません。