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