滚动条在Firefox中不显示与Chrome相同的风格

时间:2016-01-26 09:40:56

标签: javascript html css css3 google-chrome

是否有任何想法在 Chrome Firefox 中提供滚动条支持?

我真的想使用 CSS CSS3 但是当我搜索时,我只看到了这段代码:

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-track-piece  {
background-color: #C2D2E4;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #0A4C95;}

仅适用于 Chrome

如何为 Firefox 做同样的事情?

2 个答案:

答案 0 :(得分:1)

抱歉,没有Firefox等价物。你必须使用类似jQuery插件的东西来获得与非基于webkit的浏览器相同的滚动条。

这样的事可能会对你有所帮助: http://manos.malihu.gr/jquery-custom-content-scroller/

答案 1 :(得分:1)

抱歉没有选择。这些并不意味着要编辑我害怕。您支持多种浏览器的唯一解决方案是使用JavaScript或jQuery库来更加一致地执行此操作。它与其他一些元素(如选择选项下拉列表)的问题相同,可以使用名为Chosen.js的库以相同的方式克服。 我确定快速谷歌应该提出一些能够满足您需求的解决方案。 尝试: - http://jscrollpane.kelvinluck.com/