Buscar

Sigue este blog mediante RSS
 

Ocultar y mostrar la barra de desplazamiento

Me refiero a las barras laterales, en muchas ocasiones al intentar cuadrar contenido en una página esta se descoloca y aparecen las típicas barras de navegación para poder desplazarnos tanto horizontal como verticalmente por la página.

Si es nuestro caso y no queremos que aparezcan podremos usar la propiedad “overflow” mediante CSS.

Con overflow:hidden; ocultaremos todas las barras de la página, tanto horizontales como verticales.

Si no queremos quitar todas sino sólo una de las dos entonces:

Quitar barra vertical

overflow-y:hidden;

Quitar barra horizontal

overflow-x:hidden;

Esto sirve tanto para páginas como para frames e incluso text areas y funciona perfectamente en Internet Explorer 7,6 y Firefox 2.*

Todos los parametros de overflow son:

 [ visible | hidden | scroll | auto ]

Visible: El contenido no es recortado (por defecto)
Hidden: El visto en este artículo, oculta las barras y puede cortar texto
Scroll: Se mostrarán las barras
Auto: Dependerá del navegador, es muy parecido a Scroll

¿Se puede colocar scroll bars en una capa?

Es una de las preguntas más frecuentes, y la respuesta es si, simplemente con declararnos en nuestro css overflow: scroll nos aparecerán las barras de desplazamiento en nuestra capa, veamos un ejemplo:

div#capa{
padding: 20px;
margin: 0px 0;
overflow: scroll;
}


Otros temas interesantes


 

3 Comentarios en “Ocultar y mostrar la barra de desplazamiento”

  1. Autor
    1
      Q85
     

    Oye amigo, eres un cabron! es la mejor solucion a lo que necesitaba, gracias!!!



  2. Autor
    2
      Emirodgar
     

    Ale! me alegro que te haya servido para algo!



  3. Autor
    3
      Frames en HTML | Emilio José Rodríguez García
     

    [...] bien el contenido dentro del iframe y aparezcan las barras laterales, pero no hay problema, podemos mostrar y ocultar las barras de desplazamiento a nuestro antojo o bien utilizar el parámetro [...]



Deja un comentario