Добрый день!
при маленьких разрешениях, меню при скролле зафиксировано.
$(document).ready(function () {
var $menu = $("#menu");
$(window).scroll(function () {
if ($(this).scrollTop() > 40) {
$menu.fadeOut('fast', function () {
$(this).addClass("fixed")
.fadeIn('fast');
});
} else if ($(this).scrollTop() <= 40) {
$menu.fadeOut('fast', function () {
$(this).removeClass("fixed")
.fadeIn('fast');
});
}
});
});
когда мы промотаем контент и откроем меню, то контент не сохраняет место и прокручивается вначало, так как при открытии меню на body вешается position: fixed.
помогите пожалуйста при помощи js, не убирая у body фиксированную позицию, запоминать место контента при открытии меню
это когда отрыто меню:
<body class="open">
<header id="menu" class="fixed"></header>
<div class="content">контент</div>
</body>
body.open {
overflow: hidden;
position: fixed;
width: 100%;
top: 0;
}
