Firefox 中的隐藏滚动条（允许滚动但没有滚动条）
我想创建一个能够滚动但不显示滚动条的 div。我已经找到了 Webkit 的解决方案（如下），但是如何在其他浏览器中完成此操作？
我宁愿避免使用 JavaScript 插件。希望找到 CSS 或供应商特定的解决方案。
网络套件解决方案
#photoreel::-webkit-scrollbar {
height: 0;
width: 0;
}
#photoreel {
overflow-x: scroll;
overflow-y: hidden;
}
I'd like to create a div that is able to scroll but does not display scrollbars. I have found a solution for Webkit (below) but how can this be done in other browsers?
I'd prefer to avoid using a javascript plugin. Hoping to find a CSS or vendor specific solution.
Webkit Solution
#photoreel::-webkit-scrollbar {
height: 0;
width: 0;
}
#photoreel {
overflow-x: scroll;
overflow-y: hidden;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
您必须将可滚动 div 包装在另一个带有
overflow:hidden的 div 中，以隐藏滚动条。有关示例，请参阅 http://jsfiddle.net/qqPcb/。
顺便说一句：一个名为 jScrollPane 的漂亮小 jQuery 插件也使用了相同的技术
You must wrap your scrollable div in another div with
overflow:hiddenthat hides the scrollbar.See http://jsfiddle.net/qqPcb/ for an example.
BTW: The same technique is used by a nice little jQuery plugin called jScrollPane
2019 解决方案
自 Firefox 64 以来，有一个非常简单的解决方案（仅适用于 Firefox 和 Firefox 移动版）
检查 docs
对于来自标记为 重复，还有 MS Edge 解决方案：
2019 solution
Since Firefox 64 there is a perfectly simple solution for this (working only in Firefox and Firefox mobile)
Check the docs
For the comers from the post marked as duplicate, there is also MS Edge solution:
对于（Chromium 之前的版本）Edge：
-ms-overflow-style: none;对于 Firefox：
滚动条宽度：无；For (pre-Chromium) Edge:
-ms-overflow-style: none;For Firefox:
scrollbar-width: none;应用于主体或带有滚动条的元素。
还会禁用滚动功能（使内容不可滚动）
Applied to the body or the element with scroll bar.
also disables the scrolling function (makes content not scrollable)
嗯，还有更简单的方法！只需输入
您的 css 样式即可完成！
well, there`s a much more easy way! just put
in your css style and you're done with!