Javascript - Position calculer avec iScroll

Question

J'ai une pagination qui doit ressembler à ça:

a busy cat http://img338.imageshack.us/img338/3180/pagination.jpg

Fondamentalement, il est un div (20 000 px de large) dans un autre div qui ont une largeur de 160 à un débordement: caché.

J'ai utilisé iScroll pour le faire défiler (im en train de faire la version iPad de mon site, il ne doit donc fonctionner que sur iPad). Jusqu'à présent, cela fonctionne très bien, je peux faire défiler dans mon div, et je dois "cliquer" sur le numéro pour aller à la page. Et puis la page se recharge.

Mon problème est que lorsque ma page se charge, la page en cours (celle en rose avec un class = "current") doit être au milieu de ma div (comme sur l'image). Par exemple, j'ai besoin d'un moyen en javascript pour faire ça ...

Par exemple, si je clique sur la page 20, quand la page se charge, la pagination montre la page de 1 à 10, si je défile je peux voir que le La page 20 est définie comme "actuelle". Besoin d'un moyen de calculer la position et le centre.

Je n'ai aucune idée sur la façon de le faire avec javascript/jquery ...!

Quelqu'un peut-il aider?

Answer 1

iScroll a une méthode publique pour cela: scrollToElement – voir docs.

---

En aparté, le navigateur iOS 5 prend en charge le défilement en mode natif avec overflow:auto; et une déclaration CSS spéciale, -webkit-overflow-scrolling:touch;. J'utiliserais le support de défilement natif au lieu de iScroll.