2010-11-05 49 views
29

Tengo un problema con la barra de desplazamiento vertical en mi página. Tengo muchos elementos dentro de ul dentro de div, lo intenté con overflow: auto en estilo para div pero no ayuda. ¿Cómo agregar scrollbar vertical a ul o div?Barra de desplazamiento vertical UL o DIV

<div id="content"> 
<p>some text</p> 
<ul> 
<li>text</li> 
..... 
<li>text</li> 
</div> 
+1

Las barras de desplazamiento adicionales en una página web la hacen menos accesible y más engorrosa de usar. No digo que no sean útiles; solo asegúrate de haber pensado mucho sobre cómo los usuarios interactuarán con la página antes de agregar barras de desplazamiento donde no sean necesarios. – zzzzBov

Respuesta

74

es necesario definir la altura de ul o su div y establecer desbordamiento es igual al automóvil de la siguiente manera:

<ul style="width: 300px; height: 200px; overflow: auto"> 
    <li>text</li> 
    <li>text</li> 
+1

¿Hay alguna posibilidad de que la barra de desplazamiento sea invisible? – Damir

+0

¿A qué te refieres con lo invisible? Puede jugar cambiando la altura con min-height o max-height para obtener la salida deseada. – subosito

+0

No, mi barra de desplazamiento es azul cuando aparece. Me pregunto si hay alguna posibilidad de que sea invisible, como en el teléfono Android? – Damir

6

Es necesario configurar una altura sobre el DIV. De lo contrario, seguirá expandiéndose indefinidamente.

+0

El OP pidió una barra de desplazamiento vertical. –

Cuestiones relacionadas