1. ホーム
  2. css

[解決済み] [Solved] divのスクロールバーを必要なときだけ表示させるには?

2022-04-12 05:15:48

質問

このようなdivがあります。

<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>

テキストがオーバーフローしないにもかかわらず、スクロールバーは常に表示されています。スクロールバーは必要なときだけ表示されるようにしたいのです。つまり、ボックス内に必要なだけのテキストがあるときだけ表示されるようにしたいのです。テキストエリアがそうであるように。どうすればよいのでしょうか?それとも、divのように見えるようにtextareaをスタイルするのが唯一の選択肢でしょうか?

解決方法は?

使用方法 overflow: auto . スクロールバーは必要なときだけ表示されます。

(補足:x、yスクロールバーだけを指定することも可能です。 overflow-x: autooverflow-y: auto ).