Firefox中的隐藏滚动条(允许滚动，但不允许滚动条)

Question

我想创建一个能够滚动但不显示滚动条的div。我已经找到了Webkit的解决方案，但如何在其他浏览器中做到这一点?

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

---

<标题> Webkit解

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

Answer 1

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

示例见http://jsfiddle.net/qqPcb/

顺便说一句:同样的技术也被一个叫做jScrollPane

Answer 2

2019解决方案

从Firefox 64开始，就有了一个非常简单的解决方案(只适用于Firefox和Firefox移动版)

scrollbar-width: none;

检查文档

对于标记为重复的帖子的角落，也有MS Edge解决方案:

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

Answer 3

为边缘(pre-Chromium) :
-ms-overflow-style: none;

For Firefox:
scrollbar-width: none;

Answer 4

scrollbar-width:没有

应用于正文或带有滚动条的元素。

溢出:隐藏

还禁用滚动功能(使内容不可滚动)

Answer 5

好吧，有一个更简单的方法!把

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

在你的CSS样式中添加

，你就完成了!