Puedes recibir las actualizaciones gratis por email

Forzar la barra de desplazamiento vertical con CSS

forzar-barra-vertical-cssAlguna vez puede que deseemos mostrar la barra vertical de un bloque (texto, imágenes) de forma forzada. Ocultar la barra de navegación puede ser útil en el caso de tener contenido que no rebase el contenedor, pero si la siguiente página del sitio web es larga y requiere una barra de navegación o si usas css/javascript para ocultar contenido, la página se mostrará incorrectamente.

Con esta simple línea de código CSS que os mostraré a continuación podréis lograrlo. El hack CSS es inválido pero funciona en todos los navegadores excepto en Opera:

html {

overflow-y: scroll;

}

Existe una alternativa en Firefox:

overflow: -moz-scrollbars-vertical

Con este hack evitaremos saltos en la página, forzando la barra vertical incluso si el contenido de la página no se necesita.

Sigue la onda...

Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!

Autor de CSSBlog ES

Escribir un comentario

Tu comentario:
* El nombre, email y el comentario son requeridos
Comentaristas del mes
Últimos comentarios
  • Boda: Gracias Pedro, lo probaré a ver si me funciona bien porque le iría perfecto a mi blog que...
  • drakkar: hola necesito centrar el menu dentro del div que lo contiene pero mira lo que pasa cuando hago esto: <...
  • Erik: Gracias muchas.. muy bueno!
  • Pedro CM: Ya veo que lo retwitteaste por Twitter, me alegro ;-) . My recent post Pack de 100000 tipografías...
  • JuniHH: Te agradezco muchismo el enlace de los bordes redondeados sin necesidad de JS's raros. Cuando...
Patrocinadores