CSSで垂直スクロールバーを常に表示するにはどうすればよいですか?

すべてのページでスクロールバーを確実に表示する方法

Web デザインでは、ページのコンテンツの長さに関係なく、垂直スクロールバーを常に表示することが望ましいです。 CSS を使用してこれを実現する方法は次のとおりです:

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

このコードはブラウザーに次のことを指示します:

• overflow: -moz-scrollbars-vertical;: 垂直スクロールバーの表示を強制します ( Mozilla ベースのブラウザの場合)。
• overflow-y:scroll;: 次の場合でもスクロールバーをアクティブにします。スクロールするコンテンツが不足しています。

その結果、スクロールバーは常に表示され、ページに十分なコンテンツが存在するとアクティブになります。

更新: 上記の解決策が機能しない場合は、次の簡易バージョンを試してください:

html {
    overflow-y:scroll;
}

以上がCSSで垂直スクロールバーを常に表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。