Forzar la barra de desplazamiento vertical con CSS

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.

Autor de CSSBlog ES

Escribir un comentario

Tu comentario:
* El nombre, email y el comentario son requeridos

Patrocinadores

Sigue este blog por:

Últimos comentarios

  • zot24: Recursos gratuitos para el diseño de la interfaz de usuario | CSSBlog ES http://icio.us/hqnrfe Este comentario...
  • dog_race: http://tinyurl.com/yhuhzjj Recursos gratuitos para el diseño de la interfaz de usuario | CSSBlog ES Este...
  • n0ta: Hombre, siempre es de agradecer este tipo de recursos en español, aunque la web sea una copia indiscriminada en...
  • Armando: Quiero aprender CSS
  • Simón: Hola, leo diariamente las novedades que publicas y he seguido tu sitio desde hace varios meses y a mi parecer...

Patrocinadores:

Visitantes online

Get Adobe Flash playerPlugin by wpburn.com wordpress themes