Comment masquer les barres de défilement dans Firefox : une comparaison avec Webkit ?

Masquage des barres de défilement dans Firefox : une comparaison avec Webkit

Pour créer un div défilant sans barres de défilement visibles, les navigateurs Webkit fournissent une solution simple en ajustant les dimensions des barres de défilement. Cependant, la réplication de cette fonctionnalité dans Firefox nécessite une approche légèrement différente.

Dans Firefox, l'effet souhaité peut être obtenu en encapsulant le div défilant dans un div supplémentaire et en appliquant la propriété overflow:hidden au div externe. Cela empêche l'affichage des barres de défilement.

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

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

Ce code CSS, comme démontré dans l'exemple JSFiddle fourni (http://jsfiddle.net/qqPcb/), permet le défilement sans la distraction des barres de défilement visibles. .

Il convient de noter que cette technique est utilisée par le plugin jQuery populaire, jScrollPane, fournissant une solution pratique et multi-navigateurs pour masquer les barres de défilement lorsque vous le souhaitez.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!