Benutzerdefinierte CSS-Scrollbar für den Firefox

Möchte ich anpassen, scrollbar mit CSS.

Ich dieses WebKit-CSS-code, die gut funktioniert für Safari und Chrome:

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #0A4C95;
}

Wie kann ich das gleiche in Firefox?

Ich weiß, ich kann einfach tun, es mit Hilfe von jQuery, aber ich würde es bevorzugen, tun Sie es mit reinem CSS, wenn es machbar.

Wäre dankbar für jemanden, der kompetente Beratung!

Bitte teilen, wie Sie es tun können, mithilfe von jQuery. Ich bin konfrontiert mit dem gleichen problem, aber verwendet CSS, um es zu beheben für Webkit. Aber Firefox stellt ein problem dar, dass Ihr jQuery-Lösung kann in der Lage sein, mit zu helfen.
Ich empfehle, mit jscrollpane jQuery-plugin.
Es ist ein Problem mit jScrollPane im Firefox. jScrollPane funktioniert einwandfrei in Chrome, aber in Firefox, Sie haben eine leere system scrollbar rechts neben der jScrollPane scrollbar. Sollte es nur eine scrollbar
Nicht wahr. Wenn Sie haben, dass Sie etwas falsch gemacht irgendwo.
Siehe meine Antwort hier: stackoverflow.com/questions/7357203/custom-scrollbars/...

InformationsquelleAutor Dimitri Vorontzov | 2011-05-29

Schreibe einen Kommentar