¿Qué CSS se necesita para que la barra de desplazamiento vertical del navegador permanezca visible cuando un usuario visita una página web (cuando la página no tiene suficiente contenido para activar la barra de desplazamiento)?
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
Esto hace que la barra de desplazamiento esté siempre visible y sólo se active cuando sea necesario.
Actualización: Si lo anterior no funciona el sólo uso de este puede.
html {
overflow-y:scroll;
}
html {
overflow-y: scroll;
}
¿Es eso lo que quieres?
Desafortunadamente, Opera 9.64 parece ignorar esa declaración CSS cuando se aplica a HTML
o BODY
, aunque funciona para otros elementos a nivel de bloque como DIV
.
html {height: 101%;}
Yo uso esta solución para todos los navegadores (nota: siempre uso la declaración DOCTYPE en la primera línea, no sé si funciona en quirksmode, nunca lo he probado).
Esto siempre mostrará una barra de desplazamiento vertical ACTIVA en cada página, la barra de desplazamiento vertical será desplazable sólo de unos pocos píxeles.
Cuando el contenido de la página es más corto que el área visible del navegador (puerto de visualización), seguirá viendo la barra de desplazamiento vertical activa, y sólo se podrá desplazar unos pocos píxeles.
En caso de que estés obsesionado con la validación de CSS (yo sólo estoy obsesionado con la validación de HTML), utilizando esta solución tu código CSS también se validará para el W3C porque no estás utilizando atributos CSS no estándar como -moz-scrollbars-vertical
.