我尝试使用两个不同的 Angular 插件，它们都使用指令来创建滚动条。我的问题是我要更改的滚动条位于垂直导航栏上，而该导航栏处于固定位置。
因此，当我将指令放在导航栏中时，它会很好地构建新的滚动条，但是旧的默认滚动条仍然存在，这是因为导航栏具有最大高度和 y-overflow = auto 如果我将它更改为 y-overflow = hidden 那么新的滚动条将不会一直向下到导航栏的底部。
我知道有一个 css 解决方案，但它在大多数浏览器中不兼容，所以我需要在 javascript 中执行此操作。
所以我的问题是，任何人都可以帮助我更改固定元素上的滚动条，而无需默认滚动条并允许新滚动条一直延伸到导航栏底部吗？
最佳答案
我可以给你的解决方案(如果我理解的话)你可以隐藏你不需要的滚动条
有一个 CSS 规则可以在基于 Webkit 的浏览器(Chrome 和 Safari)中隐藏滚动条。该规则是:
.element::-webkit-scrollbar { width: 0 !important }
有一个 CSS 规则可以在 IE 10+ 中隐藏滚动条。该规则是:
.element { -ms-overflow-style: none; }
曾经有一个 CSS 规则可以在 Firefox 中隐藏滚动条，但是它 已被弃用。该规则是:
.element { overflow: -moz-scrollbars-none; }
如果你把你正在使用的插件放上去就好了。或者您用来尝试的代码。或任何类型的引用:Plunker、JSBin、JSFiddle 等
关于javascript - 如何更改 Angular 固定位置的滚动条样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30333935/