Dienstag, 7. Oktober 2008
Scrollbalken individuell anpassen

Es wäre wirklich schön, wenn man das Aussehen der Scrollbalken einfach per CSS anpassen könnte. In älteren Internet Explorer Versionen war das ja mit CSS Eigenschaften wie scrollbar-face-color und ähnlichem möglich, aber leider hat sich das nie browserübergreifend durchgesetz.
Häufig passen die standard Scrollbalken des Betriebssystems einfach nicht zum Design, besonders dann, wenn nicht die gesamte Seite, sondern nur kleine Container über overflow:auto einen Scrollbalken anzeigen sollen.
Mit Hilfe von JavaScript ist es dennoch ohne viel Aufwand möglich diese Scrollbalken anzupassen.
Am einfachsten funktioniert das mit JS Frameworks wie jQuery oder Mootools.

Hier haben wir ein jQuery Plugin: jScrollPane.
Hier ein Mootools Plugin: UvumiTools Scrollbar Plugin
Und hier eine Mootools Alternative: http://solutoire.com/experiments/scrollbar/index.html
Ein weiteres Demo zum jQuery plugin gibt es auf CSS-Tricks.com
Popularity: 17% [?]