Le défilement Horizontal appuyez sur menu?
Je suis en construction d'un site web mobile, et le client veut une barre de menu en haut. Le menu est très large, donc il veut qu'elle soit à l'horizontale défile en le faisant glisser à gauche et à droite. app.ft.com a des fonctionnalités similaires (bien que vous devez voir ce sur sur un iPhone le voir fonctionner)
Personne ne sait de jQuery /jqTouch script qui peut l'atteindre? J'ai essayé scrollTouch, mais qui ne fait défiler la page entière, et pas seulement d'un menu.
InformationsquelleAutor Typhoon101 | 2011-08-03
Vous devez vous connecter pour publier un commentaire.
Prendre un coup d'oeil à ce
http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture
J'ai écrit une simple barre de navigation horizontale avec des images pour jQuery Mobile que vous pouvez faire défiler en le faisant glisser à gauche ou à droite sur les appareils mobiles. Cet exemple est très rudimentaire, mais cela vous donnera une idée générale. Le balisage est ci-dessous:
CSS:
Balisage HTML:
JavaScript:
Garder à l'esprit que $(document).prêt() n'est pas recommandé lors de l'AJAX navigation est activé en jQuery Mobile, de sorte que vous pourriez avoir besoin d'adapter cette solution pour l'adapter à vos propres besoins.
Un css seule solution, en utilisant le fait que les navigateurs mobiles ne pas créer des barres de défilement. Une sorte de guidage visuel et automatique de la largeur de l'intérieur serait bien, mais n'est pas toujours nécessaire.
JSFiddle pour jouer avec http://jsfiddle.net/KaGrc/1
CSS:
HTML:
Essayer iScroll 4 par cubiq.org. Il peut être appliqué à toute la div sur la page, horizontal, vertical ou les deux de faire défiler, d'avoir une belle animation (comme sur les smartphones), est très rapide dans webkit et Firefox (les autres sont pire) et la plupart de tous, est assez personnalisable. Je passe 12 heures à la recherche pour ces défilement horizontal et cela couvre pratiquement tous mes besoins.