El Manipulador

Aprende diseño de los profesionales

Personalizar SCROLLBAR sin javascript

Volver a CSS

Cambiando el estilo del scroll fácilmente

Si eres nuevo en maquetación seguramente no sepas que hasta hace no tantos años la maquetación web era el infierno dado que cada navegador web iba a su bola con respecto de los estándares que CSS iba añadiendo, haciendo que Firefox o Chrome por lo general dieran menos guerra (aunque la daban) a la hora de mostrar una maquetación de forma similar y siendo Internet Explorer y Safari un campo de batalla difícil de aguantar…

Si no viviste los Años Oscuros puede que te parezca raro como customizar la scrollbar del navegador o de elementos que lleven overflow y muestre el scroll al desbordarse su contenido. En este caso veremos como en Firefox solo hay que aplicar un par de propiedades, scrollbar-color y scrollbar-width pero para el resto de navegadores tendremos que utilizar una suerte de «hack» por así decirlo, ya que no soportan esas propiedades pero si nos permiten hacer una personalización similar gracias a -webkit-.

Échale un vistazo al vídeo que es muy sencillo y el resultado queda bastante bien.

También puedes ver el resultado en el Instagram de El Manipulador y subo cosas a Tik Tok.

Además tienes todos los tutoriales (+ de 100) disponibles también en mi canal de Youtube:


Volver

El Manipulador
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Si quieres saber más sobre las cookies que utilizamos puedes revisar nuestra política de cookies.