Quitar el scroll de nuestra página web Mayo 25, 2010
Publicado por lineadecodigo en : CSS , trackbackEn algunos casos tener scroll en nuestras páginas web puede resultar molesto para nuestros usuarios. O, al menos, eso dicen ciertos diseñadores. Si bien, a mí me parece un elemento muy útil.
Si te encuentras en una situación en la que tengas que quitar el scroll puedes seguir una serie de pasos y apoyándonos en el lenguaje CSS. La idea consiste en jugar con la propiedad overflow. La propiedad overflow controla lo que sucede cuando un contenido desborda el área en la que se encuentra. Si lo aplicamos a nivel de toda la página, será cuando el contenido supere el tamaño de la ventana.
Los valores que puede tener la propiedad overflow serían:
- visible, el contenido que sobresale no se corta. Se renderiza fuera del área que tenía asignado. Este es el valor por defecto.
- hidden, el contenido que sobresale se corta y el resto del contenido se queda como invisible.The overflow is clipped, and the rest of the content will be invisible
- scroll, el contenido que sobresale se corta, pero se añade una scrollbar que nos permite llegar al resto del contenido.
- auto, si el contenido que sobresale se corta, se añade una scrollbar para ver el resto del contenido.content
- inherit, el valor será heredado del elemento padre.
En nuestro caso vamos a asignar el valor hidden. Es decir, cortaremos el contenido que sobresale. Consecuentemente, el navegador no necesitará poner una barra de scroll.
El código a utilizar sería el siguiente:
Articulos Similares:
- Cambiar el color de las barras de scroll
- Número de inicio de una lista con CSS
- Incrementar items de una lista HTML de dos en dos
- Fondo estático en una página web
- Scrollbars y Elipse
|- Descargar el código
|- Reportar error en el código
|- Foro sobre CSS
Enviar entrada por email
| 
Imprimir
| 807 visitas
(Todavia sin evaluar)
Loading ...
Comentarios»
Información Bitacoras.com…
Valora en Bitacoras.com: En algunos casos tener scroll en nuestras páginas web puede resultar molesto para nuestros usuarios. O, al menos, eso dicen ciertos diseñadores. Si bien, a mí me parece un elemento muy útil. Si te encuentras en una situac……