divオーバーフローで垂直スクロールバーを無効にする：自動

overflow：auto（またはスクロール）を使用するときに、水平スクロールバーのみを許可することは可能ですか？

次の2つのCSSプロパティを使用して、スクロールバーを非表示にすることができます。

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

あなただけを使うべきです

overflow-y:hidden; -これを使用して、垂直スクロールを非表示にします

overflow-x:auto; -これを使用して、水平スクロールを表示します

ルークは両方とも隠されていると述べています。これは別に与えました。

オーバーフロー：自動;
オーバーフロー-y：非表示。

IE8の場合：-ms-overflow-y：hidden;

それ以外の場合：

Xを非表示にするには：

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

Yを非表示にするには：

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Gecko（NS6 +、Mozillaなど）とIE4 +で同じことを同時に達成したい場合は、これでうまくいくはずです：V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

これはbodyタグ全体に適用されます。関連するcssに更新して、このプロパティを適用してください。

以下を追加します。

body{
overflow-y:hidden;
}

このルールは、すべてのブラウザーと互換性があります。

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

省略表記はどうですか？

{overflow: auto hidden;}

スクロールバーを無効にしたいが、内部DIVのコンテンツをスクロールできる場合は、CSSで以下のコードを使用します。

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

divHideScrollは、ターゲットdivのクラス名です。

すべての主要なブラウザー（Chrome、Safari、Mozilla、Opera、IE）で動作します