HTML: ¿Cómo crear un DIV con solo barras de desplazamiento verticales para párrafos largos?

Question

Quiero mostrar términos y condiciones en mi sitio web. No quiero usar el campo de texto y tampoco quiero usar toda mi página. Solo quiero mostrar mi texto en el área seleccionada y quiero usar solo la barra de desplazamiento vertical para bajar y leer todo el texto.

Actualmente estoy usando este código:

<div style="width:10;height:10;overflow:scroll" > 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
text text text text text text text text text 
</div> 

dos problemas:

1. No es la fijación de la anchura y la altura y fondo hasta que aparezca todo el texto.
2. En segundo lugar está mostrando la barra de desplazamiento horizontal y no quiero mostrarlo.

Answer 1

Ver overflow-y. Es CSS 3.

Answer 2

es necesario especificar el width y height en px:

width: 10px; height: 10px; 

Además, puede utilizar overflow: auto; para evitar que la barra de desplazamiento horizontal se muestre.

Por lo tanto, es posible que desee probar el siguiente:

<div style="width:100px; height:100px; overflow: auto;" > 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
    text text text text text text text text text 
</div> 

Answer 3

Gracias en primer lugar

Uso overflow:auto funciona para mí.

la barra de desplazamiento horizontal desaparece.

Answer 4

para ocultar las barras de desplazamiento horizontal, se puede establecer desbordamiento-x para escondida, así:

overflow-x: hidden; 

Answer 5

para mostrar la barra de desplazamiento vertical en su div necesita añadir

height: 100px; 
overflow-y : scroll; 

o

height: 100px; 
overflow-y : auto; 

Answer 6

Puede usar la propiedad de desbordamiento

style="overflow: scroll ;max-height: 250px; width: 50%;" 

Answer 7

overflow-y : scroll; 
overflow-x : hidden; 

height es opcional

Answer 8

Para establecer cualquier caso overflow-x-hidden y prefiero establecer max-height con el fin de limitar la expansión de la altura de la div. El código debería ser el siguiente aspecto:

overflow-y: scroll; 
overflow-x: hidden; 
max-height: 450px;