css - オーバーフロー CSS/JS を組み合わせて使用​​することは可能ですか?

Question

異なるxとyのオーバーフローを組み合わせるソリューションを探しています。

次のコード:

 div {
 overflow-x: visible;
 overflow-y: hidden;
 }

動作しません。水平スクロールバーを非表示にし、垂直オーバーフローコンテンツを表示したままにする簡単な方法が必要です。レイアウトで DIV の高さを変更したくありません。トリックはありますか？

Answer 1

垂直のオーバーフローしたコンテンツを表示したまま、水平スクロールバーを非表示にする簡単な方法が必要です。

for horizontal -> overflow-x
for vertical   -> overflow-y

あなたはただ使うことができます

div{
overflow-x: hidden;
overflow-y: auto; // if you don't want scrollbar use visible
}

Answer 2

以下を使用してください。

div {
 overflow-x: hidden;
 overflow-y: scroll;     
 }

ワーキングデモ

HTML コード:

<div>This is a div.</div>

CSS コード:

div {
 overflow-x: hidden; 
 overflow-y: scroll;
 display:inline-block;
 }

お役に立てれば。