在 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中文网其他相关文章!