如何在 Firefox 中隱藏滾動條同時保留滾動功能？

在Firefox 中消除滾動條同時保持滾動功能

在Firefox 中可以使用涉及嵌套的技術來創建不可見滾動條的可捲動div另一個div 中的可捲動div。透過將最外層 div 的溢出屬性設為“隱藏”，捲軸將被隱藏，同時允許內部可捲動 div 保留其滾動功能。

要實現此解決方案，請按照以下步驟操作：

1. 將可捲動 div 包裹在父 div 中。
2. 將父 div 的溢出屬性設為「隱藏」。

以下是示範此技術的範例程式碼片段：

<code class="html"><div id="container">
  <div id="scrollable-div">
    <!-- Content that needs to be scrollable -->
  </div>
</div></code>

<code class="css">#container {
  overflow: hidden;
}
#scrollable-div {
  overflow: scroll;
}</code>

此解決方案有效地隱藏了Firefox 中的捲軸，同時保留了在可滾動div 中滾動內容的能力。此外，jQuery 外掛程式 jScrollPane 利用此技術來實現類似的功能。

以上是如何在 Firefox 中隱藏滾動條同時保留滾動功能？的詳細內容。更多資訊請關注PHP中文網其他相關文章！