Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.
Le pseudo-élément
::-webkit-scrollbar permet de modifier le style de la barre de défilement associée à un élément. Il s'agit d'un pseudo-élément propriétaire, uniquement disponible pour les navigateurs WebKit/Blink.Syntaxe
::-webkit-scrollbar
Exemples
CSS
.visible-scrollbar, .invisible-scrollbar {
display: block;
width: 10em;
overflow: auto;
}
.invisible-scrollbar::-webkit-scrollbar {
display: none;
}
HTML
<div class="visible-scrollbar">Untreeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeesgrandmot</div> <div class="invisible-scrollbar">Untreeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeesgrandmot</div>
Résultat
Spécifications
Ce pseudo-élément est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.
Voir aussi
- Billet du blog WebKit sur la mise en forme des barres de défilement
-ms-overflow-style
Étiquettes et contributeurs liés au document
Étiquettes :
Contributeurs à cette page :
SphinxKnight
Dernière mise à jour par :
SphinxKnight,