Appli Web avec pagination
Bonjour à tous,
Je cherche à réaliser un application web mobile qui comporte 3-4 pages. L'utilisateur pourra passer d'une page à l'autre en glissant son doigt à gauche ou à droite (pour ceux qui connaissent comme l'appli du financial times cf. http://www.youtube.com/watch?v=21ss5...?v=21ss5LSapBU).
J'ai fait un premier proto qui ressemble à ça :
Code:
1
2
3
4
5
6
|
<div id="container">
<div id="page-1" class="page">Page 1</div>
<div id="page-2" class="page">Page 2</div>
<div id="page-3" class="page">Page 3</div>
</div> |
J'ai positionné mes pages en absolute en donnant la largeur en fixe avec JQuery. De cette manière les trois pages sont dans le container mais seule une est affichée.
Mon problème, tout se passe bien sur un navigateur web desktop qui est de taille 480x600 mais c'est la cata lorsque je passe sur un vrai mobile : le navigateur fais un zoom arrière pour voir les 3 cadres et donc les 3 pages..
Hésitez pas à demander des précisions si je n'est pas été clair :ccool:
