CSS - Farbige Scrollleiste

Ab Firefox 65 ist es möglich die Scrollleisten einzufärben.

Farbige Scrollleiste mit dem Mozilla Firefox

<style>

div#container {

 height: 100px;

 overflow: Auto;

 scrollbar-color: blue lightgray;

}

</style>



<div id="container">Lorem Ipsum ...</div>

Es werden bisher nur Farbnamen (red, green, blue, yellow, …) unterstützt.
Mit der Angabe: scrollbar-width: thin; wird eine schmale Scrollleiste angezeigt.

Schmale Scrollleiste mit dem Mozilla Firefox

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<optgroup> Auswahlliste - Optionsgruppe

CSS - Verwendung von Datenattributen (data-*)

PHP - Redirect auf eine andere Seite

JavaScript - Sekundenzähler

MySQL - Spalte Gruppieren und zählen

Zu lange Tabellen
Vermeiden Sie lange Tabellen. diese haben den Nachteil, dass die Kommunikation zwischen Server und Client (Ihnen) erheblich erhöht werden muss, was sich auf die Ladezeiten ebenso erheblich auswirkt. Denn der Inhalt einer Tabelle wird immer erst dann angezeigt, wenn diese vollständig geladen wurde. Unterbrechen Sie Tabellen daher immer an mehreren Stellen, um sie im Anschluss wieder weiterzuführen. So erscheint der Seiteninhalt optimaler Weise Stück für Stück und der 15 sekündige Totalausfall (weißer Bildschirm) bleibt dem Besucher erspart.