pizzaz animationing... mmmm pizza

main
psychobunny 10 years ago
parent 85e568cd95
commit 32c750b4d2

@ -1,6 +1,6 @@
"use strict"; "use strict";
/*globals config, utils, NProgress*/ /*globals ajaxify, config, utils, NProgress*/
$(document).ready(function() { $(document).ready(function() {
setupSlideMenu(); setupSlideMenu();
@ -166,8 +166,11 @@ $(document).ready(function() {
toPage = 0; toPage = 0;
} }
handle.html(toPage); if (parseInt(handle.html(), 10) !== toPage) {
handle.html(toPage);
handle.removeClass('animated');
setTimeout(function() { handle.addClass('animated');}, 10);
}
}); });
handle.css('left', page / ajaxify.data.pageCount * handle.parents('[component="post"]').width() + 'px'); handle.css('left', page / ajaxify.data.pageCount * handle.parents('[component="post"]').width() + 'px');

@ -12,6 +12,15 @@
font-size: 11px; font-size: 11px;
.user-select(none); .user-select(none);
&.animated {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
} }
@media (min-width: @screen-md-min) { @media (min-width: @screen-md-min) {

Loading…
Cancel
Save