Transitions of pages in a meteor?

Question

I have a mobile application for meteorites that works on a structural basis; I really need to stitch the views along with some page transitions.

I looked at the iron-transitioner project , but it looks like development has stopped? (last fix 6 months ago still using the Spark engine)

I also examined several interfaces for mobile devices (Ratchet, Framework7), but I could not get them to play well with the meteorite server.

I am wondering if anyone knows of another simple (left / right) page / script transition package that I could try? This is just to give my user interface a certain (expected) smoothness.

Answer 1

How about some jQuery with IronRouter?

Router.configure({
  load: function() {
    $('.content').animate({
      left: "-1000px",
      scrollTop: 0
    }, 400, function() {
        $(this).animate({ left: "0px" }, 400);
    });
});

What I also do for a smooth transition between pages is to use a simple fadeIn / fadeOut.

Router.configure({
  load: function() {
    $('html, body').animate({
      scrollTop: 0
    }, 400);
    $('.content').hide().fadeIn(800);
  }
});

Answer 2

. , JQ-! , transit.js, . FWIW , Percolate IronTransitioner Verso, CSS3. IronTransitioner? // 6 .

EDIT percolateStudio fork of IT : ", , , ".

Answer 3

animate.css . "" :

<template name='home'>
{{> navbar}}

<div class="container animated fadeIn" id="content">
    {{> startBox}}
</div>

{{> notification}}

<div id='background-image'></div>
<div id='background-color'></div>

{{> footer}}</template>