colorboxを閉じたとき、ページのトップに戻ってしまいます

Question

前提・実現したいこと

colorboxを使ってポップアップを出しています。

colorbox

背景固定のデモ

ポップアップの中に元ページへのアンカーリンクを置いています。
見よう見まねで書いた背景固定の部分が上手く書けていないよう(?)で、アンカーリンクのリンクはきちんとアンカーの位置に移動するのですが、colorboxを普通に閉じた場合、ページのトップに戻ってしまいます。
普通に閉じた場合、ページのトップに戻らず、colorboxを開いたときのそのままの位置に戻りたいのでお知恵を拝借させてください。

該当のソースコード

<div id="wrapper">
	<a class="inlineBox" href="#inline01">colorboxを開く</a>
	<div style="display:none;">
		<div id="inline01">
			<a href="#anchor" class="close">アンカーリンクへ移動する</a>
		</div>
	</div>
        .
        .
        .

	<div id="anchor">リンク先</div>
</div>

var current_scrollY = $(window).scrollTop();
$(function() {
	$(".inlineBox").colorbox({
		inline:true,
		innerWidth: 600,
		maxWidth:"90%",
		maxHeight:"90%",
		opacity: 0.7,
        returnFocus:false,
		onOpen:function(){
				current_scrollY = $(window).scrollTop();
				$('#wrapper').css({
					position: 'fixed',
					width: '100%',
					top: -1 * current_scrollY
				});
			},
		onClosed:function(){
				$('#wrapper').attr({ style:''});
        }
	});
    
    $('.close').on('click', function(e){
        e.preventDefault();
        $.colorbox.close();
        $('#wrapper').css({
            position: 'static',
        });
        var position = $('#anchor').offset().top;
        window.scrollTo(0,position);
    });
});

試してみたこと

onClosed:function(){
        $('#wrapper').attr({ style:''});
        $('html, body').prop({ scrollTop: current_scrollY });
}

colorboxのonClosedを上記のようにしたところ、ページのトップには戻らず、colorboxを開いたときのそのままの位置にきました。が、今度はアンカーリンクのほうがcolorboxを開いたときのそのままの位置にきてしまい、アンカーリンクのある位置にジャンプしません。

Answer 1

回答がつかなかったので、わかりづらかったかと思い少し投稿を修正しました。
自己解決出来たので後学のために投稿します。

onClosed:function(){
    $('#wrapper').css({
        position: 'relative',
        width: '100%',
        top: -1 * current_scrollY
    });
}

onOpenの時に設定したpositionを解除してあげればよいだけでした。