flash come la transizione di pagina in entrata/uscita con Jquery

Question

Ciao, sto progettando un sito vetrina per un'agenzia digitale.

Vorrei sapere se questo effetto simile al flash può essere ottenuto con jQuery.

Quando l'utente fa clic su un elemento di navigazione principale, anima il contenuto della pagina, carica il nuovo contenuto in background e quando la nuova pagina è stata completamente caricata, anima in vista.

Ho trovato un sito che sembra raggiungere questo obiettivo, ma se qualcuno può aiutarmi a spiegare cosa sta succedendo qui, gli sarei molto grato. http://imagemechanics.com.au/

Molte grazie in anticipo.

Answer 1

Hm, non ho il tempo di mostrare un esempio funzionante, ma posso dirti cosa devi fare per farlo funzionare

all'inizio hai bisogno dell'animazione di aggiornamento, basta animare il css top su un valore che nasconde completamente il contenuto dalla pagina, quindi se top:0 fosse il div nella pagina principale prova a spostarlo in top:div.height

seconda posizione il div sotto la visualizzazione della pagina in basso: 0 è il fondo della pagina.bottem sarebbe page.height + div.height

ora avvia una richiesta ajax che ti fornisce il nuovo contenuto del tuo div contenuto.basta .append(newtext) e sposta di nuovo il div in top:0, evoilà la tua nuova pagina è qui,

Tutto ciò richiede che il div del contenuto sia posizionato assoluto e che la tua pagina abbia un'altezza fissa con l'overflow nascosto, altrimenti vedresti una barra di scorrimento quando cambi pagina.

prova semplicemente un po' e chiedi di nuovo se hai qualche problema!

Consiglierei di utilizzare il plug-in jquery di animazione CSS per le transizioni CSS.