it-swarm.com.ru

Как сделать так, чтобы полоса прокрутки на div отображалась только при необходимости?

У меня есть этот div:

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

Полосы прокрутки всегда видны, даже если текст не переполняется. Я хочу, чтобы полосы прокрутки были видны только тогда, когда это необходимо, то есть только тогда, когда в поле достаточно текста, чтобы они были нужны. Как текстовая область делает. Как мне это сделать? Или мой единственный вариант стиля textarea, чтобы он выглядел как div?

121
Benubird

Используйте overflow: auto. Полосы прокрутки появятся только при необходимости.

(Sidenote, вы также можете указать только для полосы прокрутки x или y: overflow-x: auto и overflow-y: auto).

248
Hidde

попробуй это:

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

пытаться 

<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
6
GrvTyagi

пытаться

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

Вы можете попробовать ниже:

  <div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
0
Papun Sahoo

Я обнаружил, что высота div все еще показывает, когда у него есть текст или нет. Таким образом, вы можете использовать это для достижения наилучших результатов.

<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
0
Shailendra Kumar