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

Mostrar solo scrollbar Vertical - no Horizontal

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: 115246 - 06/05/2004 1:08:40
NO CONTIENE ARCHIVO DESCARGABLE
CODIGO
Codigo probado en Internet Explorer 4++Este codigo aun no ha sido probado por Tutores.org en FirefoxEste codigo aun no ha sido probado por Tutores.org en NetscapeEste 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 */
<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
dora
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?
Tutores.org 19/04/2003
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
dora
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.-
dragondeluz
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.
Eduardo Piña
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 !!!
acortes
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;">
seba64
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
Cynthia
No me funciona con firefox 3.5...solo me funciona con ie 7..
yyyopt
Gracias man!!!, me ayudaste mucho...
anonimo
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.