ハンバーガーメニュー背景にfixed指定するとトップに戻る

先ほど解決したと思ったのですが、一部わからない部分がありました。
なにとぞご教示いただければと思います。
（スマホのサイズでのみ使います）

前提・実現したいこと

ハンバーガーメニューを開いた時、背景を固定するため
全体を囲む<div id="content">にfixedを付けた。
メニューをクリックすると最上部に移動してメニューが開く。
メニューを閉じると最上部のままになるので開いた位置に戻したい。

発生している問題・エラーメッセージ

メニューを閉じると最上部に移動する。
メニュー内にある右上の×ボタンと閉じるボタンの内、閉じるボタンのみ理想の挙動をしている。

該当のソースコード

var scrollPos = 0;
$('.menu').click(function(){
	var scrollPos = $(window).scrollTop();
	console.log("A",scrollPos);
	$('.gnav').stop(true, true).fadeToggle(100);
	$(this).toggleClass('open');
	$('.menu__line').toggleClass('active');
	$('#header_logo').toggleClass('openmenu');
		//menuにopenが付いたら
	if($(this).hasClass('open')){
		$('#header_logo').css({'position':'fixed','top':0});
		$('#header_logo').removeClass('DownMove');
		$('#content').css({'position':'fixed','top':-scrollPos});
		console.log("B",scrollPos);
	} else {
		//右上の×ボタン
		$(window).scrollTop(scrollPos);
		console.log("C",scrollPos);
		$('.menu').removeClass('open');
		$('#content').css({'position':''});
		$('#header_logo').css({'position':''});
	}
	//閉じるボタン
	$('.closemenu').click(function(){
		console.log("D",scrollPos);
		$('.menu').removeClass('open');
		$('#content').css({'position':''});
		$('#header_logo').css({'position':''});
		$(window).scrollTop(scrollPos);
	});

});

<div id="header_logo" class="sp">
	<div class="menu sp" id="menu-sp">
		<span class="menu__line menu__line--top"></span>
		<span class="menu__line menu__line--center"></span>
		<span class="menu__line menu__line--bottom"></span>
	</div>
	<nav class="gnav">
		<div class="gnav__wrap">
			中身
		</div><!--gnav-wrap-->
		<div class="menu closemenu"><span>閉じる</span></div>
	</nav>
</div>

        #header_logo {
            max-width: initial;
            position: fixed;
            height: 65px;
            width: 100%;
            background: #bdbdbd;
            z-index: 9999;
        }
        .menu {
            height: 20px;
            position: absolute;
            right: 2rem;
            width: 30px;
            top: 50%;
            transform: translate(0, -50%);
        }
        .menu__line {
            background: #000000;
            display: block;
            height: 4px;
            position: absolute;
            width: 25px;
        }
        .menu__line--center {
            top: 8px;
        }
        .menu__line--bottom {
            bottom: 0;
        }
        .closemenu {
            bottom: 6%;
            width: 50%;
            position: fixed;
        }
        @media screen and (max-width: 760px){
        .sp {
            display: block !important;
            transition: all 0.5s ease;
            opacity: 1;
            animation-duration: 0.5s;
            animation-name: fade-in;
        }
        }