Habt ihr euch auch schon gefragt wie ihr den Scrollbar auf eurer Webseite anpassen könnt, so dass es nicht langweilig Grau ist sondern perfekt an euer CI angepasst? Ja, sowas lässt sich nämlich in der Farbe und auch in der Breite anpassen.
Video
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | /* breite der scrollbar*/
::-webkit-scrollbar {
width: 10px;
}
/* hintergrundfarbe der scrollbar */
::-webkit-scrollbar-track {
background-color: #f700a0;
}
/* farbe der positionanzeige */
::-webkit-scrollbar-thumb {
background-color: #00f78c;
border-radius: 20px;
} |
Guten Tag Erik,
Hättest du eine Idee wie ich den Scrollbar-Track Unsichtbar machen kann das man bloß den Thumb sieht, ich habe alles versucht vielleicht kannst du mir helfen.
LG
hi, klar – da fallen mir 2 möglichkeiten ein – entweder du gibst ihm die gleiche farbe wie der hintergrund – oder du machst einfach background-color: transparent; 🙂 habs getestet und es funktioniert auch.