Firefox中的隐藏滚动条（允许滚动但不滚动条）

Question

我想创建一个能够滚动但不显示滚动条的div。我找到了Webkit的解决方案（如下所示）但是如何在其他浏览器中完成？

我宁愿避免使用javascript插件。希望找到CSS或供应商特定的解决方案。

---

Webkit解决方案

#photoreel::-webkit-scrollbar {
    height: 0;
    width: 0;
}
#photoreel {
    overflow-x: scroll;
    overflow-y: hidden;
}

Answer 1

您必须将可滚动的div包装在另一个隐藏滚动条的overflow:hidden的div中。

有关示例，请参阅http://jsfiddle.net/qqPcb/。

BTW：a nice little jQuery plugin called jScrollPane

使用了相同的技术

Answer 2

如果您指的是Firefox创建的滚动条（如本页右侧的滚动条），那么我认为您无法做到。有关更好的解释，请参阅此link

Answer 3

2019解决方案

自Firefox 64起，有一个非常简单的解决方案（仅在Firefox和Firefox移动版中有效）

scrollbar-width: none;

检查docs

对于标记为duplicate的帖子中的新手，这也是MS Edge解决方案：

-ms-overflow-style: -ms-autohiding-scrollbar;

Answer 4

对于 Edge ：
-ms-overflow-style: none;

对于 Firefox ：
scrollbar-width: none;

Answer 5

  

scrollbar-width：none

应用于带有滚动条的主体或元素。

  

溢出：隐藏

还会禁用滚动功能（使内容不可滚动）

Answer 6

嗯，这是一个更简单的方法！只是把

    ::-webkit-scrollbar {
    width: 0px;
    height: 10px;
    }           

以你的css风格完成你的工作！