Barres de défilement

Tailles

.ice-scrollbar--s
4px
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.
.ice-scrollbar
6px
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.
.ice-scrollbar--l
8px
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.
.ice-scrollbar--none
masquée
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.
.ice-scrollbar--hover
au survol
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.
.ice-scrollbar--inset
dégagée des coins
Signaux faibles. Tendances émergentes avant qu’elles ne s’affichent en une des journaux. Les acheteurs de votre secteur réclament une tarification à l’usage. De nouvelles aides à la logistique ouvrent dans la zone DACH. Helios lève 40M en série B menée par Nexus Capital.

Horizontal

Faites défiler latéralement — la barre suit les mêmes règles que la verticale.
Même contenu, barre de 8 px.

Classes

ClasseEffet
.ice-scrollbarBase — 6 px
.ice-scrollbar--s4 px
.ice-scrollbar--l8 px
.ice-scrollbar--noneDéfile, mais aucune barre visible
.ice-scrollbar--hoverInvisible au repos, apparaît quand le pointeur entre dans la zone. À combiner avec .ice-scrollbar

Firefox : barre fine d’une couleur unie, sans dégradé.

Balisage

<aside class="ice-scrollbar ice-scrollbar--s ice-scrollbar--hover">…</aside>

<div class="ice-scrollbar ice-scrollbar--l">…</div>