如何在 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中文網其他相關文章！