Javascript-форум - запомнить место контента при скролле

Добрый день!
при маленьких разрешениях, меню при скролле зафиксировано.

$(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;
}