Angular2，＆＃34;替换＆＃34;滚动条

Question

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

这个sidenav有本机难看的滚动条。我想用一个可定制的滚动条替换这个。

对于不需要jQuery的角度2有什么好的解决方案吗？

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

提前致谢！

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

PPS：我已经尝试gemini-scrollbar了，但是这已经打破了sidenav和simplebar的宽度，导致了ram溢出。

编辑： 我想要替换这个丑陋的滚动条：

Answer 1

尝试使用概述示例，优于示例点击部分

这个：

Answer 2

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