should fix slide-in menu on safari, amongst other browsers

main
psychobunny 10 years ago
parent 0497369765
commit c8b65b7a11

@ -8,13 +8,28 @@ $(document).ready(function() {
$('body').toggleClass('slide-in'); $('body').toggleClass('slide-in');
if ($('body').hasClass('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'); $('html').css('overflow-y', 'hidden');
} else { } else {
$('body').one("webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend", function() { $('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', ''); $('html').css('overflow-y', '');
}); });
} }

Loading…
Cancel
Save