Afin d'apporter un côté qualitatif à votre site, vous avez la possibilité de personnaliser votre scrollbar. Voici un morceau de code simple qui peux vous être utile.
La scrollbar se défini à l'aide de 2 propriétés :
-webkit-scrollbarcorrespond à la barre dans son ensemble. C'est là que vous définissez la taille et la couleur de fond de votre scrollbar-webkit-scrollbar-thumbcorrespond au curseur dans votre scrollbar. Vous pouvez, si vous le souhaitez ajouter un border-radius.
::-webkit-scrollbar {
width: 7px;
background: #2a92ac;
}
::-webkit-scrollbar-thumb {
border: solid 0 transparent;
background-color: #24d1fd;
}