Informar del error en el temas: Cambiando el diseño de las barras de scroll con CSS

Imágen de perfil

internetCambiando el diseño de las barras de scroll con CSS


CSS

Publicado el 22 de Abril del 2019 por Administrador
854 visualizaciones desde el 22 de Abril del 2019
Una de las recomendaciones fundamentales para una buena usabilidad es no modificar en exceso el diseño de los elementos que forman parte de la interfaz de usuario del sistema operativo, tales como botones, elementos select, las barras de scroll, etc. Hacerlo complica el uso de tu sitio o aplicación web porque el usuario tiene que aprender a reconocerlos.

No obstante, como toda norma tiene sus excepciones, a veces puede ser necesario modificar estos elementos en algunos diseños muy especiales. Firefox 64, publicado en diciembre de 2018, añade entre sus nuevas funcionalidades la posibilidad de cambiar el diseño de las barras de scroll.

En concreto, lo hace a través del estándar CSS Scrollbars Module Level 1, que todavía se encuentra en fase de borrador y no es un estándar oficial. Los tres escenarios para los que se ha pensado este estándar son:

1.- Cambiar el color de las barras de scroll para adaptarlas al diseño de la aplicación o sitio web.
2.- Mostrar barras de scroll más finas de lo normal cuando un elemento lo requiera.
3.- Diseñar barras de scroll totalmente personalizadas si el diseño así lo requiere.

Para ello se han definido dos nuevas propiedades CSS (scrollbar-color y scrollbar-width) que se pueden aplicar a la página entera y también a cualquier elemento que soporte la propiedad overflow de CSS.
Informar del error en el temas

Si quieres que te notifiquemos en el momento que solucionemos el enlace al temas:
'Cambiando el diseño de las barras de scroll con CSS', indicanos tus datos.

Si por el contrario simplemente solo quieres avisarnos del problema, pulsa en el botón enviar sin añadir tus datos.

Nombre:
Correo:
Comentarios