使用 css 隐藏滚动条但在 Firefox 上启用滚动

Question

大家好，我想在手机屏幕上制作一个类似apple.com的导航栏。
现在，我成功地在 Safari 和 Chrome 上实现了这一点，并且在两者上都运行良好。

jsfiddle 上的代码
像这样的主要css：

    ul::-webkit-scrollbar { 
        display: none; 
    }
    ul{
        margin: 0px;
        padding: 0px;
        height: 70px;
        list-style-type:none;
        white-space:nowrap;
        overflow-x:auto;
        font-size: 0px;
    }
    li{
        display:inline-block;
        background-color: gray;
        font-size: 20px;
        margin: 0px;
        padding: 0px;
    }

在 Chrome 和 Safari 上，x 的滚动条可以隐藏，但在 Firefox 上不能。
我可以在 Firefox 上运行修复它吗？ 如果有解决办法，请告诉我，非常感谢。

Answer 1

您可以使用jquery nicescroll plugin 来做到这一点

更新

Fiddle

$(document).ready(function() {$("ul").niceScroll();
$("ul").getNiceScroll().hide();});