|
|
|
@ -8,13 +8,28 @@ $(document).ready(function() {
|
|
|
|
|
$('body').toggleClass('slide-in');
|
|
|
|
|
|
|
|
|
|
if ($('body').hasClass('slide-in')) {
|
|
|
|
|
var top = ($('html').scrollTop() || $('body').scrollTop()) + $('header-menu').height()
|
|
|
|
|
var top = ($('html').scrollTop() || $('body').scrollTop()) + $('header-menu').height(),
|
|
|
|
|
transform = 'translate3d(0, ' + top + 'px, 0)';
|
|
|
|
|
|
|
|
|
|
$('#header-menu').css({
|
|
|
|
|
'-webkit-transform': transform
|
|
|
|
|
'-moz-transform': transform
|
|
|
|
|
'-ms-transform': transform
|
|
|
|
|
'-o-transform': transform
|
|
|
|
|
'transform': transform
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('#header-menu').css('transform', 'translate3d(0, ' + top + 'px, 0)');
|
|
|
|
|
$('html').css('overflow-y', 'hidden');
|
|
|
|
|
} else {
|
|
|
|
|
$('body').one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", function() {
|
|
|
|
|
$('#header-menu').css('transform', 'none');
|
|
|
|
|
$('#header-menu').css({
|
|
|
|
|
'-webkit-transform': 'none'
|
|
|
|
|
'-moz-transform': 'none'
|
|
|
|
|
'-ms-transform': 'none'
|
|
|
|
|
'-o-transform': 'none'
|
|
|
|
|
'transform': 'none'
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('html').css('overflow-y', '');
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|