Javascript 隐藏在Mozilla Firefox中不工作的滚动条

我使用了

：：-webkit滚动条
&-
ms-overflow-style:none
来隐藏滚动条。它在Chrome&IE上运行良好，但在Firefox上运行不正常。有使用CSS或Jquery的解决方案吗？请参阅下面添加的代码段：


$（文档）.ready（函数（）{
var计数；
var区间；
$（“#hoverscroll”）.on（'mouseover'，function（）{
var div=$（'.box'）；
间隔=设置间隔（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置+计数）；
}, 10);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//如果要重置输出速度，请取消对此行的注释
//计数=0；
间隔时间；
});
})
;
.con{
宽度：300px；
高度：300px；
位置：相对位置；
}
.盒子{
宽度：100%；
最大高度：300px；
背景：#eee；
溢出y：滚动；
-ms溢出样式：无；
}
.box:：-webkit滚动条{
显示：无；
}
.box:：-moz滚动条{
溢出y：隐藏；
}
#悬停卷轴{
宽度：100%；
高度：40px；
背景颜色：灰色；
位置：绝对位置；
底部：0；
不透明度：0.5；
}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

无跨浏览器解决方案。将其包装在一个较小的标记中，然后为该标记添加“溢出：隐藏”。
溢出：隐藏对我来说不是一个合适的解决方案。。因为，它包含垂直下拉菜单。检查此链接中的categories部分：您不能让jquery/css按自己的方式运行。相反，你必须接受他们提供的东西。正如我所说，您的问题没有跨浏览器解决方案。请查看此链接：注意：
：-webkit滚动条
适用于基于webkit的浏览器（webkit前缀是线索）
-ms overflow style:none
适用于基于microsoft的浏览器（ms prefix是线索）。。。当然，firefox不理解为chrome或IE/Edge编写的css