Puis-je masquer les barres de défilement tout en conservant le débordement ?

Question

Je veux créer une barre de défilement horizontale personnalisée de façon à ce que tous les systèmes d'exploitation la rendent de la même façon, sans les affreuses barres de défilement de Windows.

Je sais comment en faire un via JS en utilisant une division avec un haut de défilement, mais j'ai besoin de cacher les barres de défilement par défaut, mais de laisser le débordement activé pour que je puisse toujours détecter l'événement onscroll (ainsi les gestes sur le pavé tactile OSX, la molette de la souris, etc. sont tous gérés pour moi et déclenchent le callback onscroll).

Des idées ?

Answer 1

Jetez un coup d'œil à ces exemples : http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Je ne sais pas si l'événement onscroll est déclenché, je ne l'ai jamais essayé. Sinon, le plugin mousewheel inclus vous donne probablement quelques callbacks pour gérer ce que vous voulez...

Answer 2

overflow:hidden devrait faire ce que vous voulez ; il peut toujours être défilé de manière programmatique.

Answer 3

Vous devez vous débrouiller tout seul. Les appareils iOS ne déclenchent pas d'événements de défilement comme les navigateurs de bureau. Vous avez un événement de défilement uniquement à la fin du toucher. Si vous voulez suivre toute la séquence de défilement, vous devez suivre le touchstart/touchmove/touchend (et touchcancel).

http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html