SmoothState.js Показать текущую страницу, пока не будет загружена следующая

Question

Я использую smoothstate.js на WordPress, и я пытаюсь выяснить, как сохранить текущую страницу активной до тех пор, пока следующая не будет полностью загружена: поэтому новая страница будет отображаться позади при выходе из текущей страницы. Вот пример: http://springsummer.dk/

Вот мой код:

(function($) {
'use strict';
var $page = $('#main'),
    options = {
        debug: true,
        prefetch: true,
        cacheLength: 10,
        onStart: {
            duration: 1000, // Duration of our animation
            render: function ($container) {
                // Add your CSS animation reversing class
                $container.addClass('is-exiting');
                // Restart your animation
                smoothState.restartCSSAnimations();
            }
        },
        onReady: {
            duration: 0,
            render: function ($container, $newContent) {
                // Remove your CSS animation reversing class
                $container.removeClass('is-exiting');
                // Inject the new content
                $container.html($newContent);
            }
        },
        onAfter: function ($container) {
            $container.removeClass('is-exiting');
        }
    },
    smoothState = $page.smoothState(options).data('smoothState');
})(jQuery);

Answer 1

Решение, которое я нашел, заключается в клонировании текущей страницы во временную оболочку.