使用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();});