Déplacer toute la fenêtre avec jQuery

J'ai essayé de comprendre l'effet présenté sur ce site - http://artofflightmovie.com/ pour la navigation. Ils ont utilisé le plugin scrollTo pour passer à différentes parties de la page. Cependant, je ne comprends pas comment ils déplacent l'ensemble de l'écran à l'élément dom. Ont-ils une grande expérience et utilisent-ils quelque chose comme $(...).scrollTo({top:'110px', left:'290px'}, 800); à chaque clic? Toute idée sur la façon dont je peux accomplir quelque chose de similaire serait vraiment appréciée. Merci!Déplacer toute la fenêtre avec jQuery

Source

2012-09-10 Prakhar

Ils sautent la fenêtre d'affichage à différentes coordonnées dans le DOM en utilisant des points d'ancrage, puis en animant l'effet de parallaxe immédiatement après. –

Essayez de faire un zoom arrière ..... vous constaterez qu'ils ont DIV Spreadout dans Container Div, lorsque vous faites défiler, ils font défiler Container Div pour faire de la Div correspondant à l'onglet Visible. –

Mise en page:

Taille du corps 1200px x 30000px, Il a 7 DIV répartis dans le corps à différentes positions absolues, chaque division ont un onglet correspondant.

Animation:

Ils ont traité onScroll cas de conteneur principal div i.e.. Maintenant, lorsque vous faites défiler cela montre un effet de défilement sur le corps, lorsque vous atteignez la prochaine Div pour être affiché la sélection de l'onglet est changé. Lorsque vous cliquez sur n'importe quel onglet, il navigue vers sa Div correspondante, en changeant également la position de Défilement de Div Divine.

Source

2012-09-10 07:10:11

Déplacer toute la fenêtre avec jQuery

Répondre

Questions connexes