SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Css
Code

Css - Mostrar solo scrollbar Vertical - no Horizontal

Códigos Css

Para solo mostrar la barra de desplazamiento o scrollbar en vertical y esconder la barra Horizontal simplemente debemos agregar este estilo a los tags body de nuestras paginas.
Visitas: 121,072 - 06/05/2004 1:08:40
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


/* Codigo ofrecido por Tutores.org */

  1. <body style="overflow-x:hidden; overflow-y:scroll;">



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Mostrar solo scrollbar Vertical - no Horizontal" href="http://www.tutores.org/codigo/1051/" target="_blank">Mostrar solo scrollbar Vertical - no Horizontal</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
dora
1 5
chicos, trate de implementar este código en mi sitio, tanto en la css como en la página en si, y lo único q me mostró fue un scroll vertical estático (tipo imagen) adicional a los originales. que debería hacer?
Comentario usuario
19/04/2003
2 5
podrias poner el enlace a la página para ver el resultado que te da. Ten en cuenta que el código se encuentra en la etiqueta BODY
Saludos
Comentario usuario
dora
1 5
lamentablemente no puedo poner el enlace pues es de una Intranet empresarial. Eso si el código primero lo implemente en mi CSS en la etiqueta BODY y después directamente en la página, también en la etiqueta BODY. El resultado es como si fuera el dibujo de un scrollbar, la barra no se mueve. salu2.-
Comentario usuario
dragondeluz
2 5
SEISCIENTOSMIL MILLONES DE ME ACABN DE RESOLVER UN DOLOR DE CABEZA DE 1 AÑO,

EN FIREFOX 2.0, EXPLORER 6 Y 7 FUNCIONA AL PELO.
Comentario usuario
Eduardo Piña
1 5
Está mal escrito, pero funciona de pelos... !!!

Gracias

Directo en la página
<body style="overflow-x:hidden; overflow-y:scroll;">

En la hoja de estilos
body {overflow-x:hidden; overflow-y:scroll;}

Ojo que esto oculta la horizontal y fuerza a que se muestre la vertical

Saludos !!!
Comentario usuario
acortes
2 5
Una mejor implementacion es con auto en lugar de scroll, la barra de desplazamiento solo se muestra si se desborda el contenido del div:

<body style="overflow-x:hidden; overflow-y:auto;">
Comentario usuario
seba64
4 5
lo probé y funciona muy bien en los div y en el body, pero no funciona con select, que es lo que estaba buscando. quedan advertidos
Comentario usuario
Cynthia
2 5
No me funciona con firefox 3.5...solo me funciona con ie 7..
Comentario usuario
yyyopt
4 5
Gracias man!!!, me ayudaste mucho...
Comentario usuario
anonimo
5 5
buen aporte, se agradece muchisimo!!
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.