Ответ 1
Используйте overflow: auto. Полосы прокрутки появятся только при необходимости.
(Sidenote, вы также можете указать только для полосы прокрутки x или y: overflow-x: auto и overflow-y: auto).
Как сделать панель прокрутки на div видимой только при необходимости?
У меня есть этот div:
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
Полосы прокрутки всегда видны, хотя текст не переполняется. Я хочу, чтобы полосы прокрутки были видны только тогда, когда это необходимо - то есть, только видимые, когда в поле есть достаточно текста, в котором они нужны. Как и в textarea. Как мне это сделать? Или мой единственный вариант для стиля textarea, поэтому он выглядит как div?
Ответы
Ответ 2
попробуйте следующее:
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
Ответ 3
попробовать
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
Ответ 4
попробуйте
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
Ответ 5
Я обнаружил, что высота div все еще показывает, когда у него есть текст или нет. Таким образом, вы можете использовать это для достижения наилучших результатов.
<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
Ответ 6
Вы можете попробовать ниже:
<div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>