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;
}
Oct 17
3 Comentarios / 620 lecturas 
Mayo 27th, 2008 a las 4:49 pm
Oye amigo, eres un cabron! es la mejor solucion a lo que necesitaba, gracias!!!
Mayo 28th, 2008 a las 8:57 am
Ale! me alegro que te haya servido para algo!
Agosto 29th, 2008 a las 12:52 pm
[...] 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 [...]