In Internet Explorer ist es möglich, eine Reihe von nicht standardmäßigen scrollbar-* CSS-Eigenschaften zu verwenden. Siehe diese Seite für ein praktisches Generator-Tool.
Abgesehen davon ist es nur möglich, benutzerdefinierte Scrollbar-Lösungen mit JavaScript zu verwenden. Das jScrollPane jQuery-Plugin sieht sehr schön aus und ist einfach zu installieren. Hier ist eine Beispielseite.
Styling und Programmierung von Bildlaufleisten werden derzeit nicht von Standards unterstützt, aber einige Hersteller haben Erweiterungen, um dieses Problem in Desktop-Webbrowsern zu beheben. Das jScrollPane jQuery-Plugin ist eine ausgezeichnete Wahl, wenn Sie benutzerdefinierte Bildlaufleisten verwenden möchten.
Herstellererweiterungen
Internet Explorer (ab Version 8) hat Erweiterungen für CSS und das DOM, mit denen Sie nur die Farbe der verschiedenen Teile einer Bildlaufleiste festlegen können.
Ein aktualisierter Link zur Microsoft-Dokumentation lautet wie folgt: Ссылка . Sie sollten nur alle Eigenschaften betrachten, die mit "-ms-scrollbar" beginnen.
WebKit (z. B. Safari und Chrome) verfügt über ein CSS-Pseudoelement zum Formatieren von Bildlaufleisten, mit dem Sie beliebige CSS-Eigenschaften darauf anwenden können. Weitere Informationen finden Sie in diesem Surfin 'Safari-Blogpost: Ссылка
Beispiel:
%Vor%Mozilla (z. B. Firefox) und Opera scheinen keine Unterstützung für die Gestaltung von Bildlaufleisten zu bieten.
Benutzerdefinierte Bildlaufleisten
Was das jScrollPane jQuery-Plugin betrifft, ist es eine ausgezeichnete Wahl, wenn Sie benutzerdefinierte Bildlaufleisten verwenden möchten. Es ist ziemlich umfassend in Bezug auf die erwartete Funktionalität von Bildlaufleisten und verhindert, dass Sie Ihre eigenen rollen.
Es ist wichtig zu wissen, dass jScrollPane die nativen Bildlaufleisten des Browsers ersetzt, und Sie finden die "Berührungs- und Reaktionsfähigkeit" dieser benutzerdefinierten Bildlaufleisten möglicherweise nicht so gut wie "die echte Sache". Aber dann wieder, es könnte gut genug sein, wenn Sie Form über Funktion bewerten.
Dies ist ein neuerer Link zur jScrollPane-Dokumentation: Ссылка
Nein. IE ermöglicht Ihnen, Farben für einige Bestandteile der Bildlaufleiste festzulegen. Opera lässt einige, aber nicht alle dieser Stile zu.
Die Farbgebung von Bildlaufleisten ist von zunehmender Irrelevanz, da sich UIs in Richtung komplexer bildbasierter Scrollbalken-Themes bewegen. Im IE wird durch das Festlegen einer der Farben das Rendering wieder auf eine einfache 3D-Bildlaufleiste im Windows 2000-Stil und nicht auf ein skurriles Benutzerdesign zurückgesetzt. Benutzer von Windows Vista / 7 (Aero) werden Ihnen dafür wahrscheinlich nicht danken.
Sie können natürlich Ihre eigenen Ersatz-Bildlaufleisten aus <div> s erstellen und sie nach Ihren Wünschen gestalten. Das Ergebnis verhält sich jedoch fast immer schlechter als echte Bildlaufleisten, da Sie versuchen, ein komplexes Oberflächenelement zu replizieren, dessen erwartetes Verhalten für jedes Betriebssystem unterschiedlich ist. Sie können viel Zeit damit verbringen, das Paging-Verhalten zu reproduzieren, Tastatur hoch / runter und das Mausrad, aber es wird sich niemals so glatt wie eine echte OS-Bildlaufleiste anfühlen.
Sie können Bildlaufleisten für alle Browser mit ein wenig Javascript gestalten. Aber derzeit gibt es keine Möglichkeit, sie nur mit CSS allein als Cross-Browser-Lösung zu stylen.
Dieser Artikel hilft Ihnen, wenn Sie sich für die Verwendung von Javascript entscheiden .