Barras de desplazamiento ocultas en Firefox (permite desplazarse pero no barra de desplazamiento)

Me gustaría crear un div que pueda desplazarse pero no muestre barras de desplazamiento. He encontrado una solución para Webkit (abajo), pero ¿cómo se puede hacer esto en otros navegadores?

Prefiero evitar el uso de un plugin de JavaScript. Esperando encontrar una solución específica de CSS o proveedor.


Solución de Webkit

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

Debe envolver su div desplazable en otro div con overflow:hidden que oculta la barra de desplazamiento.

Ver http://jsfiddle.net/qqPcb/ para un ejemplo.

Por cierto: la misma técnica es utilizada por un pequeño y agradable plugin jQuery llamado jScrollPane

Si te refieres a la barra de exploración que crea Firefox (como la que está a la derecha de esta página), entonces no creo que puedas. Vea este enlace para una mejor explicación

bueno, ¡hay una manera mucho más fácil! sólo hay que poner

  ::-webkit-scrollbar { width: 0px; height: 10px; } 

en tu estilo css y listo!