火狐浏览器，怎么隐藏滚动条还可以滚动？

Question

要做一个在移动端可以水平滚动的效果：

这个效果在chrome浏览器中可以正常使用，-webkit-的浏览器都可以正常滑动的同时隐藏了滚动条。

-webkit-scrollbar {display:none}

但是在-moz-浏览器中就不行了，滚动条都出来了而且还得拖动滚动条才会滚动：

找了好多资料，要么是仅是去掉火狐下的滚动条的，但是chrome下又不滚动了，该怎么弄呢？
求指点，谢谢！

Answer 1

移动端需要考虑moz？

好吧如果确实需要考虑，就集体overflow:hidden然后用js模拟滚动好了。

Answer 2

scrollbar-width: none;
这个我刚在项目遇到这个问题，乱试试了出来。亲测是可以的，大家可以试试
(不能保证兼容性，我的版本是FF64)

Answer 3

隐藏滚动条不等于不滚动
不滚动用overflow:hidden

Answer 4

这几天找了好久怎么解决，下面应该也算是一种解决方案吧。
如图所示，左边红色框为内容，右边红色框为滑动条，然后灰色框为显示区域。
相当于隐藏了。。。（参考 coinbase)