Firefox中隐藏的滚动条（允许滚动，但没有滚动条）

我想创build一个能够滚动但不显示滚动条的div。 我已经find了Webkit的解决scheme（下面），但是如何在其他浏览器中完成呢？

我宁愿避免使用JavaScript插件。 希望find一个CSS或供应商的具体解决scheme。

---

Webkit解决scheme

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

Answer 1

你必须把你的滚动div包含在另外一个div中overflow:hidden隐藏滚动条。

例如，请参阅http://jsfiddle.net/qqPcb/ 。

顺便说一句：相同的技术是由一个叫jScrollPane的漂亮的小jQuery插件使用

Answer 2

如果你的意思是Firefox创build的滚动条（就像这个页面右边的那个），那么我认为你可以。 看到这个链接更好的解释

Answer 3

好吧，还有更简单的方法！ 只是放

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

在你的CSS风格，你完成了！