Dévisser glisser/glisser à l'intérieur du débordement: conteneur caché sur l'iPhone

Question

Je crée un wepapp, qui a un menu horizontal. Le menu est limité à 320px et a un débordement défini sur caché. À l'intérieur des liens sont enveloppés dans un div qui a une largeur définie. La liste déborde sur l'axe des x. J'ai appliqué un plugin jquery appelé OverScroll afin que vous puissiez faire glisser cette liste à gauche et à droite pour révéler les éléments de menu cachés.

Cela fonctionne très bien sur un navigateur de bureau, mais j'ai de la difficulté à le faire fonctionner sur l'iPhone.

J'ai mis en place une démo à www.irfanyasin.com/iphone/

Toutes les idées?

Merci

Answer 1

Outre les problèmes d'utilisation générale (les gens vont savoir qu'il est coulissant? Je pouvais voir comment cela peut être gênant si vous utilisez ce menu souvent et doivent glisser beaucoup), traînage ne fonctionne pas la plupart des interfaces tactiles. Vous pourriez essayer d'ajouter des boutons gauche et droit qui font défiler le menu quand ils les cliquent peut-être?

Votre démo ne fonctionne pas non plus dans Chrome sur mon bureau. Le menu est-il supposé glisser? Ça ne va pas.