flash comme page transition in/out avec JQuery

Question

Salut Je suis en train de planifier un site web pour l'agence digitale.

Je voudrais savoir si ce flash comme effet peut être obtenu avec jQuery.

Lorsque l'utilisateur clique sur un élément principal de navigation - animer le contenu de la page sur, charger du nouveau contenu en arrière-plan et quand cette nouvelle page a Animer entièrement chargé en vue.

J'ai trouvé un site qui semble atteindre cet objectif, mais si quelqu'un peut aider à briser ce qui se passe ici, je serais très reconnaissant. http://imagemechanics.com.au/

Un grand merci à l'avance.

Answer 1

Hm je n'ai pas le temps de montrer aa exemple de travail, mais je peux vous dire ce que vous devez faire pour faire ce travail

d'abord vous avez besoin de l'animation upfading, animer tout haut css à une valeur masque complètement le contenu de la page, donc si haut: 0 serait le div sur la page d'accueil essayer de le déplacer vers le haut: div.height

deuxième position la div sous la page viewport bas: 0 en bas de la page . bottem serait page.height + div.height

commencer maintenant une demande de paiement ajax qui vous donne le nouveau contenu de votre div de contenu. juste .append (newtext) et déplacez la div to top: 0 encore une fois, evoila votre nouvelle page est ici,

tout cela nécessite que le contenu div soit positionné en absolu et que votre page ait une hauteur fixe avec débordement caché, sinon vous verriez une barre de défilement lors de la modification des pages.

juste essayer un peu et demander à nouveau si vous avez des problèmes!

i woud recommande d'utiliser le plugin jquery animation pour les transitions css css.