Barres de défilement cachées dans Firefox (permet le défilement mais pas de barre de défilement)

Question

J'aimerais créer un div capable de faire défiler mais n'affichant pas de barres de défilement. J'ai trouvé une solution pour Webkit (ci-dessous) mais comment cela peut-il être fait dans d'autres navigateurs ?

Je préfère éviter d'utiliser un plugin javascript. En espérant trouver une solution CSS ou spécifique au fournisseur.

---

Solution Webkit

 #photoreel::-webkit-scrollbar {
    height: 0;
    width: 0;
}
#photoreel {
    overflow-x: scroll;
    overflow-y: hidden;
}

Answer 1

Vous devez envelopper votre div déroulant dans un autre div avec overflow:hidden qui masque la barre de défilement.

Voir http://jsfiddle.net/qqPcb/ pour un exemple.

BTW : La même technique est utilisée par un joli petit plugin jQuery appelé jScrollPane

Answer 2

Si vous voulez dire la barre de défilement créée par Firefox (comme celle à droite de cette page), alors je ne pense pas que vous le puissiez. Voir ce lien pour une meilleure explication

Answer 3

Pour Bord : -ms-overflow-style: none;

Pour Firefox : scrollbar-width: none;

Answer 4

scrollbar-width:aucun

Appliqué au corps ou à l'élément avec barre de défilement.

Débordement caché

désactive également la fonction de défilement (rend le contenu non défilable)