So verbergen Sie Bildlaufleisten in Firefox: Ein Vergleich mit Webkit?

Bildlaufleisten in Firefox ausblenden: Ein Vergleich mit Webkit

Um ein scrollbares Div ohne sichtbare Bildlaufleisten zu erstellen, bieten Webkit-Browser eine einfache Lösung durch Anpassung Die Abmessungen der Bildlaufleisten. Die Replikation dieser Funktionalität in Firefox erfordert jedoch einen etwas anderen Ansatz.

In Firefox kann der gewünschte Effekt erzielt werden, indem das scrollbare Div in ein zusätzliches Div eingeschlossen wird und die Eigenschaft „overflow:hidden“ auf das äußere Div angewendet wird. Dadurch wird verhindert, dass die Bildlaufleisten angezeigt werden.

<code class="css">#outer-div {
  overflow: hidden;
}

#scrollable-div {
  overflow-x: scroll;
  overflow-y: hidden;
}</code>

Dieser CSS-Code ermöglicht, wie im bereitgestellten JSFiddle-Beispiel (http://jsfiddle.net/qqPcb/) gezeigt, das Scrollen ohne Ablenkung durch sichtbare Bildlaufleisten .

Es ist erwähnenswert, dass diese Technik vom beliebten jQuery-Plugin jScrollPane verwendet wird und eine praktische und browserübergreifende Lösung zum Ausblenden von Bildlaufleisten bietet, wenn dies gewünscht wird.

Das obige ist der detaillierte Inhalt vonSo verbergen Sie Bildlaufleisten in Firefox: Ein Vergleich mit Webkit?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!