我尝试使用两个不同的角度插件,它们都使用指令来创建滚动条。我的问题是我想要更改的滚动条位于垂直导航栏上,导航栏处于固定位置。
因此,当我将指令放在导航栏中时,它会很好地构建新的滚动条,旧的默认滚动条仍然存在,这是因为导航栏具有最大高度,如果我更改了y-overflow = auto
它到y-overflow = hidden
然后新的滚动条不会一直下到导航栏的底部。
我知道有一个css解决方案,但它在大多数浏览器中都不兼容所以我需要在javascript中执行此操作。
所以我的问题是,任何人都可以帮助我改变固定元素上的滚动条而不使用默认滚动条并允许新滚动条一直到导航栏的底部吗?
答案 0 :(得分:2)
我能给你的解决方案(如果我理解的话)你可以隐藏你不需要的滚动条
有一个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等