css - que - scroll horizontal bootstrap

¿Cómo puedo hacer que la barra de desplazamiento en un div solo sea visible cuando sea necesario?

Question

Tengo este div:

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

Las barras de desplazamiento siempre están visibles, aunque el texto no se desborde. Quiero hacer que las barras de desplazamiento solo sean visibles cuando sea necesario, es decir, solo visibles cuando hay suficiente texto en el cuadro que se necesitan. Como un textarea hace. ¿Cómo hago esto? ¿O es mi única opción para diseñar un área de texto para que parezca un div?

Answer 1

Descubrí que todavía hay una altura de div, cuando tiene texto o no. Entonces puede usar esto para obtener los mejores resultados.

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

Answer 2

Usar overflow: auto . Las barras de desplazamiento solo aparecerán cuando sea necesario.

(Nota: también puede especificar solo la barra de desplazamiento x, o y: overflow-x: auto y overflow-y: auto ).

Answer 3

prueba esto:

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

Answer 4

tratar

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

Answer 5

tratar

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