Discussion :

[BROADSIDER]

Bonjour,
Je créer actuellement un site web ou j'aimerais personnaliser mes scrollbars qui se situent à différents endroits et car celles d'origines sont laides. J'ai donc utilisé le webkit mais problème cela n'est pas compatible avec firefox...

Est ce que quelqu'un sait comment je pourrais obtenir un résultat semblant mais compatible sur firefox:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-corner {
    display:none;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

J'espère que quelqu'un pourra me venir en aide.

[Sodium]

Les barres de scroll personnalisées, ça marche au mieux mal. Je déconseille fortement d'en utiliser, d'autant plus qu'une majorité de systèmes actuels (Mac OS mais aussi iOS ou Android) en ont de base déjà une beaucoup plus discrète.

[ze0ne]

Bonjour.

Je rejoins Sodium on doit éviter de toucher aux scrollbar.

Si tu souhaite absolument avoir un style particulier, je t'invite à t'orienter vers une solution en javascript, il existe de nombreuses librairies dédiées.