Div barra de desplazamiento vertical mostrar

Question

Me pregunto cómo es posible mostrar permanentemente la barra vertical de un div (gris 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.

Answer 1

¿En qué navegador estás probando?

¿Qué DOCType ha establecido?

¿Cómo está exactamente declarando su CSS?

¿Estás seguro de que no has perdido un ; antes/después del overflow-y: scroll?

Acabo de prueba los siguientes grupos en IE7 y Firefox y funciona bien

<!-- Scroll bar present but disabled --> 
<div style="width: 200px; height: 100px; overflow-y: scroll;"> 
    test 
    </div> 
<!-- Scroll bar present and enabled -->   
    <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> 

Answer 2

¿Has probado overflow-y: auto? No es exactamente lo que quiere, ya que la barra de desplazamiento aparecerá solo cuando sea necesario.

Answer 3

Siempre: Si siempre quiere barra de desplazamiento vertical, utilice overflow-y: scroll;

jsFiddle:

<div style="overflow-y: scroll;"> 
...... 
</div> 

Cuando sea necesario: Si solo quiere vertic Al barra de desplazamiento cuando sea necesario, utilizar overflow-y: auto; (Es necesario especificar una altura en este caso)

jsFiddle:

<div style="overflow-y: auto; height:150px; "> 
.... 
</div>