레이어 팝업시 스크롤 터치스크롤 막기

모바일 스크롤막기

방법 1번

바디 스크롤 방지 : $("body").bind('touchmove', function(e){e.preventDefault()});

바디 스크롤 해제 : $("body").unbind('touchmove');

​

방법 1번 사용방법

$('셀렉트').on('click',function(e){

e.preventDefault();

$(팝업창).fadeIn();

$("body").bind('touchmove', function(e){e.preventDefault()});

});

​

방법 1번 해제방법

$('셀렉트').on('click',function(e){

e.preventDefault();

$(팝업창).fadeOut();

$("body").unbind('touchmove');

});

방법 2번

스크롤 방지  : $('html, body').on('scroll touchmove mousewheel', function(event) {

event.preventDefault();

event.stopPropagation();

return false;

});

스크롤 해제 :  $('html,body').off('scroll touchmove mousewheel');

방법 2번 사용방법

$('셀렉트').on('click',function(e){

e.preventDefault();

$(팝업창).fadeIn();

$('html, body').on('scroll touchmove mousewheel', function(event) {

event.preventDefault();

event.stopPropagation();

return false;

});

});

방법 2번 해제방법

$('셀렉트').on('click',function(e){

e.preventDefault();

$(팝업창).fadeOut();

$('html,body').off('scroll touchmove mousewheel');

});