모달 팝업창 질문
본문
풀페이지js를 사용해서 작업 중인데 pc버전에서는 모달창이 떠있을 때 스크롤을 막았는데
모바일에서는 터치가 안 먹고 페이지가 스크롤이 되더라구요...
혹시 모바일 스크롤 막는법 아시는 분 계실까요...!
$('.modal-custom-button').click(function(){
$('.pop_up').stop().fadeIn();
// $('body').addClass('fixed');
$('body').on('scroll touchmove mousewheel', function(event) {
event.preventDefault();
event.stopPropagation();
return false;
});
});
$('.close-modal').click(function(){
$('.pop_up').stop().fadeOut();
// $('body').removeClass('fixed');
$('body').off('scroll touchmove mousewheel');
});
이게 스크롤 막은 스크립트에요!
답변 2
참고해보겠습니다. 감사합니다!
아니면 모달 호출할때마다 body {overflow:hidden;} 선언해보세요.
모달 백뷰가 fixed 인데 body 는 스크롤 영역이 있으니 발생하는 현상 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
