如何在 Firefox 中隐藏滚动条：与 Webkit 的比较？

在 Firefox 中隐藏滚动条：与 Webkit 的比较

要创建一个不可见滚动条的可滚动 div，Webkit 浏览器通过调整提供了一个简单的解决方案滚动条的尺寸。然而，在 Firefox 中复制此功能需要稍微不同的方法。

在 Firefox 中，可以通过将可滚动 div 包装在另一个 div 中并将overflow:hidden 属性应用于外部 div 来实现所需的效果。这会阻止显示滚动条。

<code class="css">#outer-div {
  overflow: hidden;
}

#scrollable-div {
  overflow-x: scroll;
  overflow-y: hidden;
}</code>

如提供的 JSFiddle 示例 (http://jsfiddle.net/qqPcb/) 中所示，此 CSS 代码允许滚动而不干扰可见滚动条.

值得注意的是，流行的 jQuery 插件 jScrollPane 采用了该技术，为在需要时隐藏滚动条提供了方便的跨浏览器解决方案。

以上是如何在 Firefox 中隐藏滚动条：与 Webkit 的比较？的详细内容。更多信息请关注PHP中文网其他相关文章！