팝업띄웠을때 스크롤 막기, 해제(var 이용 유무에 따른 변수 scope/함수호출로 정리)

    var scrollHeight = 0;//전역변수 초기화

//팝업띄울시 스크롤 고정

function popupOpen() {

scrollHeight = $("body").scrollTop(); // [var사용하지 않았으므로 전역스코프로 정의됨]열렸을떄 scrollTop 체크

$("body").addClass('layer-open'); //overflow:hidden 추가

$('.wrap').css('position', 'fixed'); //최상위 div 고정

$('.wrap').css('top', - scrollHeight);// 최상위 div에 현재 스크롤된값 = 보이는화면만큼 top값 추가

}

//팝업닫을때 스크롤 해제

function popupClose() {

$("body").removeClass("layer-open"); //overflow-hidden 해제(스크롤 해제)

$('.wrap').css('top', 0);//최상위 div 고정해제

$('.wrap').css('position', 'relative');//top값 해제

$("body").scrollTop(scrollHeight); //[popupOpen()일때의 의도적 전역변수 scrollHeight값]현재 스크롤된값=보이는화면

}

//팝업여는곳에 popupOpen() 호출

//팝업닫는곳에 popupClose()호출

* css

.layer-open{

overflow:hidden;

}