Я пытаюсь создать такой эффект для smoothstate:http://tympanus.net/Development/PageTransitions/конкретно "комнатные" переходы.

Я застреваю при попытке отобразить обе страницы одновременно - я хочу, чтобы новый контент оттолкнул старый от экрана.

много кода следует ... все это работает, но ждет, пока старый контент не будет закадровым, чтобы начать добавлять новый контент

$(function(){
  'use strict';
  var options = {
    prefetch: true,
    cacheLength: 10,
    onStart: {
      duration: 500, // Duration of our animation
      render: function ($container) {
        // scroll up
        $("html, body").animate({ scrollTop: "0px" });
        var element = $('.row', $container);

        // do animations
        $(element).animate({opacity : 0}, {
            duration: 500,
            easing: "linear",
            step: function(number, tween) {
                number = 1 - number;
                var element = document.getElementsByClassName('row')[0];
                element.style.transform = "translateX(-" + 45*number + "%) rotateY(" + 90*number + "deg)";
            }
        });
      }
    },
    onReady: {
      duration: 500,
      render: function ($container, $newContent) {

        // Inject the new content
        $container.html($newContent);
        $container.css({overflow : 'hidden'});
        // do animations
        var element = document.getElementById($container[0].id).getElementsByClassName('row')[0];
        element.style.opacity = 0;
        $(element).animate({opacity : 1}, {
            duration: 500,
            step: function(number, tween) {
                number = 1 - number;
                var element = document.getElementsByClassName('row')[0];
                element.style.transform = "translateX(" + 45*number + "%) rotateY(-" + 90*number + "deg)";
            }
        }); 

      }
    }
  },
  smoothState = $('#main').smoothState(options).data('smoothState');
});

Я бы хотел, чтобы это изменилоonStart Продолжительность, которая будет меньше продолжительности анимации, будет работать, но она просто укорачивает анимацию, оставляя пустой экран.

Я знаю что$container используется для обоих, но я верю, что могу это исправить$container.clone(); удерживать старый контент, пока он движется со страницы.

Мой вопрос: есть ли способ получить доступ к $ newContent кроме ожиданияonStart завершить?

Примечание: такое же поведение происходит с анимациями CSS - они заканчиваются в концеonStart.