Angular2，“替换”滚动条

Question

我有一个带有可滚动sidenav的角度应用程序。

此sidenav具有本机的丑陋滚动条。 我想用一个可样式化的滚动条替换它。

是否有不需要jQuery的angular 2的好解决方案？

我是否必须使用不依赖于angular的外部JavaScript解决方案？

提前致谢！

PS：如果重要，我将使用Angular Material 2

PPS：我已经尝试过双子，滚动条 ，但是这已经打破了sidenav和宽度simplebar上引起了公羊溢出。

编辑：我想替换此丑陋的滚动条：

Answer 1

尝试使用“概述示例”，它比“示例”水龙头部分更好

这个：

Answer 2

您不需要JQuery来存档此任务。 使用ADD做到这一点非常简单容易。 此链接中有一个示例https://css-tricks.com/almanac/properties/s/scrollbar/