Javascript 如何更改滚动条的样式，使其在角视图中处于固定位置

我尝试使用两个不同的angular插件，它们都使用指令来创建滚动条。我的问题是，我要更改的滚动条位于垂直导航条上，并且导航条处于固定位置

因此，当我在导航栏中放置指令时，它会构建新的滚动条，不管旧的默认滚动条是否仍然存在，这是因为导航栏有一个最大高度和一个

y-overflow=auto

如果我将其更改为

y-overflow=hidden

，那么新的滚动条将不会一直向下到导航栏的底部

我知道有一个css解决方案，但它在大多数浏览器中都不兼容，所以我需要用javascript来实现这一点

---

所以我的问题是，有谁能帮我在固定元素上更改滚动条，而不使用默认的滚动条，并允许新的滚动条一直到导航条的底部吗？

我可以给你一个解决方案（如果我理解的话），你可以隐藏你不需要的滚动条

有一个CSS规则可以在基于Webkit的浏览器（Chrome和Safari）中隐藏滚动条。这条规则是：

.element::-webkit-scrollbar { width: 0 !important }

.element { -ms-overflow-style: none; }

有一个CSS规则可以在IE 10+中隐藏滚动条。这条规则是：

.element::-webkit-scrollbar { width: 0 !important }

.element { -ms-overflow-style: none; }

过去有一个CSS规则可以在Firefox中隐藏滚动条，但是它 自那以后就被弃用了。该规则是：

.element { overflow: -moz-scrollbars-none; }

如果你把你正在使用的插件放进去就好了。或者您尝试使用的代码。或任何类型的引用：Plunker、JSBin、JSFIDLE等