[解決済み] [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: auto
と
overflow-y: auto
).
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] Ionicカードリスト作成
-
[解決済み] CSSでitempropをターゲットにする?
-
[解決済み] Font Awesomeで2つ以上のアイコンを重ねる/重ねるには?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] <input type="text" />に複数行の入力ができる。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン