web-dev-qa-db-ja.com

divオーバーフロー時に垂直スクロールバーを無効にする：auto

オーバーフローを使用するときに水平スクロールバーだけを許可することは可能ですか？auto（またはscroll）？

htmlcssscrollscrollbar
95
jdborg

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

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

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

overflow-y:hidden; - 縦スクロールを隠すのに使います

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

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

37
Siva Charan

オーバーフロー：auto。
overflow-y：隠されています。

IE 8の場合：-ms-overflow-y：非表示。

そうでなければ：

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>
18
Random Guy

Gecko（NS6 +、Mozillaなど）とIE4 +で同時に同じことをしたいのなら、これでうまくいくはずです。V

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

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

8
Nirav Mehta

以下を追加してください。

body{
overflow-y:hidden;
}
1
Zeinab

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

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