CSS Custom Scrollbar

1. Wie füge ich in CSS eine Bildlaufleiste hinzu?
2. Wie erstelle ich eine benutzerdefinierte Bildlaufleiste für eine DIV??
3. Wie passe ich meine Browser -Scrollbar an?

Wie füge ich in CSS eine Bildlaufleiste hinzu?

Sie müssen das Div -Tag hinzufügen. (Dies zwingt eine Scrollbar auf der Vertikalen). Speichern Sie diese Antwort.

Wie erstelle ich eine benutzerdefinierte Bildlaufleiste für eine DIV??

Wenn Sie einem Element wie a eine Bildlaufleiste hinzufügen möchten <div>, Sie müssen die CSS -Überlaufeigenschaft verwenden. Scrollbars können vertikal (y-achse) oder horizontal (x-achse) sein. Das Implementieren einer benutzerdefinierten Scrollbar in Elemente ist gleich. In diesem Beispiel werde ich vertikale benutzerdefinierte Scrollbar auf a erstellen <div>, Das ist nur 5px breit.

Wie passe ich meine Browser -Scrollbar an?

Scrollbar -Selektoren

Für Webkit-Browser können Sie die folgenden Pseudo-Elemente verwenden, um die Bildlaufleiste des Browsers anzupassen :::-Webkit-Scrollbar The Scrollbar. ::-Webkit-Scrollbar-Button die Schaltflächen in der Scrollbar (Pfeile nach oben und unten zeigen). ::-Webkit-Scrollbar-Daumen der draggierbare Scrolling-Griff.