1. ホーム
  2. css

[解決済み] HTMLページでスクロールバーを非表示にする

2022-03-19 08:22:29

質問

CSSでスクロールバーを非表示にすることはできますか?どのように行いますか?

解決方法は?

設定 overflow: hidden; の上に body タグをこのように使用します。

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>

上記のコードでは、水平および垂直スクロールバーを非表示にしています。

を隠したい場合 縦スクロールバー を使用します。 overflow-y :

<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>

そして、非表示にしたい場合は 水平スクロールバーのみ を使用します。 overflow-x :

<style type="text/css">
    body {
        overflow-x: hidden;
    }
</style>


コンテンツは必要に応じてパディングボックスに収まるように切り取られます。スクロールバーは提供されず、ユーザーがスクロールできるようにするためのサポート(ドラッグやスクロールホイールの使用など)も許可されない。コンテンツは、プログラムによってスクロールさせることができます(たとえば、次のようなプロパティの値を設定することによって)。 offsetLeft というように 要素 まだスクロールコンテナ . <サブ ( ソース )