[Javascript] 레이어팝업 뒷 배경 불투명하게 하기

 

레이어팝업을 띄웠을 때 뒷부분에서의 동작을 막아야하는데

그와 동시에 시각적으로 불투명하게 보이도록 만드는 경우가 많다

​

간단하게 후딱 사용할 수 있도록 함수 투척

 

function showPopBlur(chk){
    if(chk == false)
        $('.content').css({"opacity" : "1","pointer-events":"auto"});
    else
        $('.content').css({"opacity" : "0.3","pointer-events":"none"});
}

 

 

 

사용 예시)

 

function popupShow(){
    $(".popup").show();
    showPopBlur(true);
}

fucntion popupHide(){
    $(".popup").hide();
    showPopBlur(false);
}

function showPopBlur(chk){
    if(chk == false)
        $('.content').css({"opacity" : "1","pointer-events":"auto"});
    else
        $('.content').css({"opacity" : "0.3","pointer-events":"none"});
}

 

 

 

 

 

레이어 팝업 중앙정렬 내용은 여기서 !!!

https://blog.naver.com/jisoo___/222591909951