自定义Mozilla FireFox滚动条

时间:2018-10-11 10:08:06

标签: javascript jquery css3

我使用了我想在mozilla firefox中更改应用程序默认滚动条的位置。我尝试使用::-moz-scrollbar,但这无济于事。我尝试使用滚动器插件,但这也无济于事。我可以在chrome中实现用例,但不能在mozilla firefox中实现。我附加了两个不同的滚动条,一个在google chrome中,另一个在mozilla firefox中。我必须实现与Google chrome相同的滚动器。scroller in google chrome for my application  scroller inmozilla firefox

在mozilla fiefox中是否有实现此用例的任何方法?

2 个答案:

答案 0 :(得分:0)

您可以尝试使用div, svg { border: 1px solid silver; margin: 10px; } rect { fill: skyblue; } .circle1 { fill: orange; } .circle2 { fill: lime; }插件,他教了您如何进行配置和演示。

http://manos.malihu.gr/jquery-custom-content-scroller/

我在之前的项目中使用了此插件,兼容性非常好,易于配置。

这是github地址 https://github.com/malihu/malihu-custom-scrollbar-plugin

应该能够满足您的需求。

<script src="https://d3js.org/d3.v5.js"></script> <div class="container"></div>仅对Webkit内核浏览器有效。 Firefox浏览器不提供CSS来修改滚动条api,只能通过javascript进行修改

答案 1 :(得分:0)

我还没有使用过它,但是我听说过完美滚动条,您可能想尝试一下

perfect-scrollbar