Comunidad de diseño web y desarrollo en internet online

Cómo ocultar la barra de desplazamiento o scrollbar

Cuando uno trabaja con ciertos proyectos "especiales" (como una aplicación web para una intranet o similares) o cuando simplemente el diseño lo requiere, hay veces que es necesario ocultar las barras de desplazamiento del navegador, ya sea horizontal, vertical o ambas.

Para esto se utiliza solo CSS, con la propiedad overflow. Por ejemplo, para ocultar ambas barras se hace lo siguiente.

Código :

html { overflow:hidden; }


Barra vertical.

Código :

html { overflow-y:hidden; }


Barra horizontal.

Código :

html { overflow-x:hidden; }


Actualización:
Hasta donde he probado, ésta técnica funciona en IE 6/win, Opera 9, y Firefox 1.5. Agradeceria que alguien lo pruebe en otros navegadores y plataformas como Mac y Linux.

Algunos han pedido un ejemplo de como implementarlo, asi que aqui les dejo uno muy sencillo.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate