Me pregunto cómo es posible mostrar permanentemente la barra vertical de un div (atenuada si no hay desplazamiento) similar a nuestras barras regulares. Básicamente, estoy tratando de colocar un sitio web completo en un div (como gmail / facebook), por lo que si la página no es lo suficientemente larga, toda la página cambia debido a la falta de la barra de desplazamiento vertical.
Necesito una solución a este problema. Intenté overflow-y: scroll. Pero no parece funcionar en absoluto.
¿En qué navegador estás probando?
¿Qué DOCType ha configurado?
¿Cómo declaras exactamente tu CSS?
¿Estás seguro de que no te has perdido un ;antes / después del overflow-y: scroll?
Acabo de probar lo siguiente en IE7 y Firefox y funciona bien
<!-- Scroll bar present but disabled when less content -->
<div style="width: 200px; height: 100px; overflow-y: scroll;">
test
</div>
<!-- Scroll bar present and enabled when more contents -->
<div style="width: 200px; height: 100px; overflow-y: scroll;">
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
test<br />
</div>
¿Usted ha intentado
overflow-y:auto? No es exactamente lo que desea, ya que la barra de desplazamiento aparecerá solo cuando sea necesario.fuente
Siempre: si siempre desea una barra de desplazamiento vertical, utilice
overflow-y: scroll;jsFiddle:
<div style="overflow-y: scroll;"> ...... </div>Cuando sea necesario : si solo desea una barra de desplazamiento vertical cuando sea necesario, utilice
overflow-y: auto;(debe especificar una altura en este caso)jsFiddle:
<div style="overflow-y: auto; height:150px; "> .... </div>fuente