CSSでスクロールバーのスクロールを無効にする方法

CSS では、overflow-x 属性と overflow-y 属性を使用してスクロール バーのスクロールを禁止できます。水平スクロール バーのスクロールを禁止するには、boby 要素に「overflow-x:hidden」スタイルを追加し、「」を追加します。 overflow-y :hidden" スタイルは、垂直スクロールバーのスクロールを無効にします。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

css はスクロール バーのスクロールを禁止します

次のように設定します:

body{    
    overflow-y: hidden;
    overflow-x: hidden;
}

overflow-x 属性は、左側をクリップするかどうか、または左側をクリップするかどうかを指定します。要素のコンテンツ領域 右マージンのコンテンツ。

overflow-y 属性は、要素のコンテンツ領域をオーバーフローした場合に上端/下端のコンテンツをクリップするかどうかを指定します。

これら 2 つのプロパティの値を「hidden」に設定すると、水平および垂直スクロール バーを無効にし、スクロール バーのスクロールを禁止することができます。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSでスクロールバーのスクロールを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。