Angular2, "Ersetzen" Bildlaufleiste

Question

Ich habe eine eckige App mit einem scrollbaren SideNav.

Dieses Sideav hat die native hässliche Scrollbar. Ich möchte dieses durch eine styleable Scrollbar ersetzen.

Gibt es irgendwelche guten Lösungen für angular 2, die jQuery nicht benötigen?

Muss ich eine externe JavaScript-Lösung verwenden, die nicht auf eckige basiert?

Vielen Dank im Voraus!

PS: Wenn wichtig, verwende ich Angular-Material 2

PPS: Ich habe bereits gemini-scrollbar habe versucht, aber das die Breite des sidenav und simplebar gebrochen hat, die einen Widder Überlauf verursacht hat.

Edit: Ich möchte dieses hässliche Scrollbar replase:

Answer 1

Probieren Sie die Übersicht Beispiel ist es besser, als Beispiel für die Verwendung Abgriffbereichs

dieses:

Answer 2

Sie brauchen nicht JQuery zum Archivieren dieser Aufgabe. Es ist ziemlich einfach und einfach, ADD zu verwenden, um dies zu tun. Es gibt ein Beispiel in diesem Link https://css-tricks.com/almanac/properties/s/scrollbar/