Transizioni di pagine animate tra percorsi Iron Router con Meteor

Question

Attualmente, le uniche soluzioni che ho trovato per l'animazione tra percorsi sono appena sfumate nella pagina corrente onBeforeAction e si dissolvono nella nuova pagina onAfterAction. Ma questo è solo zoppo.

Voglio provare ad eseguire some really sleek transitions like these.

Credo che questo richieda di avere più pagine visualizzate contemporaneamente sulla pagina, ma sembra che richieda molte risorse e non sembra nemmeno utilizzare il router di ferro.

Qualche idea su come posso implementarlo?

Answer 1

Questa domanda sembra essere richiesta in modo equo e non esiste una soluzione definitiva, e molte risposte là fuori stanno diventando obsolete, o almeno non applicabili agli ultimi Iron-Router e Meteor 1.0.

Ho appena fatto un po 'di ricerca in giro per la migliore risposta e almeno oggi sembra i pacchetti per questo sono:

https://github.com/percolatestudio/momentum-iron-router/ e https://github.com/ccorcos/meteor-transitioner/

Il primo non è stato aggiornato in un poco tempo ma ha un sacco di impegni. Quest'ultimo ha pochi impegni ma potrebbe essere attivamente lavorato.

Sono in corso su di loro in modo da provare se non ricordo Vado a controllare di nuovo in.

Answer 2

Io uso una soluzione di questo http://meteorpad.com/pad/5kii9SRbbnjiTHeQe

Il MeteorPad non permette di utilizzare IronRouter, quindi il mio esempio non lo usa. In IronRouter è possibile utilizzare il metodo action() per impostare la variabile di sessione "currentPage" e rendere sempre il modello "transitioner". Qualcosa di simile a questo:

Router.map(function() { 
    this.route('home', { 
    path: '/', 
    action: function() { 
     Session.set('currentPage', 'home'); 
     this.render('transitioner'); 
    } 
    }); 

    this.route('about', { 
    action: function() { 
     Session.set('currentPage', 'about'); 
     this.render('transitioner'); 
    } 
    }); 
}); 

io uso un wrapper per questo. Mi aiuta anche a definire stili e direzioni di transizione.

E fai attenzione agli abbonamenti/annullamenti di iscrizione, perché la pagina precedente reagirà alle modifiche delle iscrizioni prima che la transizione sia completa!