スクロールバー(無効または有効)は、要素が最大長に達したかどうかにかかわらずdivの辺に表示されます。オーバーフローを置くだけで:値;自動的に表示されます。要素が最大高さに達したときにスクロールバーが表示されるようにするにはどうすればよいですか?コンテンツ編集可能なdivのスクロールバーが最大の高さに達したときにのみ表示するにはどうすればよいですか?
8
A
答えて
15
オーバーフローの使用:autoは、高さを超えたときにのみスクロールバーを生成します。
div.scrollbars {
max-height: 100px;
overflow: auto;
}
3
あなたはあなたのスタイルでは
overflow: auto
を使用することができるはずです。スクロールバーが必要な場合にのみ追加します。 http://www.w3schools.com/cssref/pr_pos_overflow.asp
関連する問題
- 1. コンテンツがスクロール可能な間にスクロールバーを非表示にするにはどうすればよいですか?
- 2. スクロールバーが表示されるように内部divに最大高さを設定しますが、親divには表示されません
- 3. コンテンツ編集可能なコンテンツをdivまたはpの中に入れる
- 4. 編集可能な結果をユーザーに表示するにはどうすればいいですか?
- 5. 含まれているコントロールが大きすぎるとスクロールバーをサイズ変更可能なパネルに表示するにはどうすればよいですか?
- 6. WebArchive webView編集可能なコンテンツにどのように保存しますか?
- 7. ConstantContactカスタムテンプレートで編集可能なコンテンツを作成するにはどうすればよいですか?
- 8. スクロールバーが表示されたときにコンテンツが縮小されないようにする
- 9. パーセンテージの高さのdivに垂直スクロールバーを適用するにはどうすればよいですか?
- 10. ナビゲーションバーのタイトルを編集可能なテキストフィールドに設定するにはどうすればよいですか?
- 11. WinFormのDataGridに編集可能なデータバインドコンボボックスを作成するにはどうすればよいですか?
- 12. 最大の高さでコンテンツにフィットするdivのサイズ変更
- 13. ユーザーがコンテンツを編集したときにのみTinyMCEコントロールを表示
- 14. jqGridの編集と表示ウィンドウの最大高さを制限する方法
- 15. 編集不可能なJTextFieldの中に画像を表示するには?私はこのように表示されるように、編集することはできませんJTextFieldの内部ロック画像を入れたい私のJava Swingアプリケーションで
- 16. 表示する前にdivの高さを知るにはどうすればよいですか?
- 17. コンテンツ編集可能なdivでカーソルの行と列を取得
- 18. コンテンツ編集可能なdiv内のドロップイベントをキャンセルするCrossbrowserメソッド
- 19. 編集可能なtelerik mvcグリッド表示をカスタマイズし、クリック時に編集可能にするには?
- 20. カレンダーのイベントテキストをクリック時に編集可能にするにはどうすればよいですか?
- 21. 編集可能なComboBoxでTextInputの「maxChars」を設定するにはどうすればよいですか?
- 22. 水平スクロールバーが表示されないように1700px divの中央に配置するにはどうすればよいですか?
- 23. スクロールバーがコンテンツに重ならないようにするにはどうすればよいですか?
- 24. divの実際の高さと生成されたコンテンツ(可能であれば)
- 25. Eclipse RCPでSWTテーブルのセルを編集可能にするにはどうすればよいですか?
- 26. 編集可能な銀色のリストボックスを作成するにはどうすればよいですか?
- 27. 編集可能なTextBoxのオートコンプリートリストを作成するにはどうすればよいですか?
- 28. 編集可能なコンボボックスをSystem.Windows.Forms.PropertyGridに追加するにはどうすればよいですか?
- 29. WxPython:cSheetグリッドの行と列の名前を編集してセルを編集できないようにするにはどうすればよいですか?
- 30. ラリーボールボードコンポーネントにスクロールバーを表示するにはどうすればよいですか?
私は推測できますが、あなたはwysiwygエディタを構築しようとしていますか?もしそうなら、divからiframeにステージオブジェクトとして変更することをお勧めします。扱いやすい[こちら](http://stackoverflow.com/questions/5059976/maintaining-aesthetic-scroll-in-contenteditable-div/5063142#5063142) – Cu7l4ss