JS / modal scroll방지시 화면 울렁이는 이슈

모달을 구현하다보면 scroll을 안되게 막아야 할때가 있다.

스크롤을 막으면 기존에 있던 스크롤이 사라지면서 뚱땅거린다.

뚱땅거림을 방지하기 위해 스크립트를 짜보았다.

/* 보통 height:100%;로 처리하지만 다르게 처리해보았다 */ 
.scroll_stop {
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

            
            let posY
            $('.sku_btn').on('click', () => {
                posY = $(window).scrollTop();
                $('.sku_modal').addClass('on');
                $("body").addClass('scroll_stop');
                $('.scroll_stop').css('top',-posY);
            })
            $('.close_btn').on('click', () => {
                $('.sku_modal').removeClass('on');
                $("body").removeClass('scroll_stop');
                $(window).scrollTop(posY);
            })