Плавный переход между страницами animsition
http://git.blivesta.com/animsition/
link(rel="stylesheet", href="bower/animsition/dist/css/animsition.min.css")
script(src='bower/animsition/dist/js/animsition.min.js')
нужно обернуть весь контейнер блоком .animsition
var $animsition = $('.animsition');
$animsition.animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 1500,
outDuration: 800,
linkElement: 'a[href$="/"]',
loading: true,
// loadingInner: '<img src="img/loading.svg" />', // e.g '<img src="loading.svg" />'
timeout: false,
timeoutCountdown: 1000,
onLoadEvent: true,
browser: [ 'animation-duration', '-webkit-animation-duration'],
// "browser" option allows you to disable the "animsition" in case the css property in the array is not supported by your browser.
// The default setting is to disable the "animsition" in a browser that does not support "animation-duration".
overlay : false,
overlayClass : 'animsition-overlay-slide',
overlayParentElement : 'body',
transition: function(url){ window.location.href = url; }
}).one('animsition.inStart',function(){
$('.animsition-loading').show()
})
.one('animsition.inEnd',function(){
$('.animsition-loading').hide()
});