Firefox でスクロールバーを非表示にする方法: Webkit との比較?

Firefox でのスクロールバーの非表示: Webkit との比較

スクロールバーを表示せずにスクロール可能な div を作成するには、Webkit ブラウザーは調整することで簡単な解決策を提供します。スクロールバーの寸法。ただし、この機能を Firefox で複製するには、少し異なるアプローチが必要です。

Firefox では、追加の div 内でスクロール可能な div をラップし、外側の div に overflow:hidden プロパティを適用することで、目的の効果を実現できます。これにより、スクロールバーが表示されなくなります。

<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 中国語 Web サイトの他の関連記事を参照してください。