테스트 사이트 - 개발 중인 베타 버전입니다

모달 팝업창 질문 채택완료

yooniiii 2년 전 조회 2,376

풀페이지js를 사용해서 작업 중인데 pc버전에서는 모달창이 떠있을  때 스크롤을 막았는데

모바일에서는 터치가 안 먹고 페이지가 스크롤이 되더라구요...

혹시 모바일 스크롤 막는법 아시는 분 계실까요...!

 

</p>

<p>$('.modal-custom-button').click(function(){</p>

<p>    $('.pop_up').stop().fadeIn();</p>

<p>    // $('body').addClass('fixed');</p>

<p>    $('body').on('scroll touchmove mousewheel', function(event) {</p>

<p>    event.preventDefault();</p>

<p>    event.stopPropagation();</p>

<p>    return false;</p>

<p>    });</p>

<p>    });</p>

<p>     </p>

<p>    $('.close-modal').click(function(){</p>

<p>    $('.pop_up').stop().fadeOut();</p>

<p>    // $('body').removeClass('fixed');</p>

<p>    $('body').off('scroll touchmove mousewheel');</p>

<p>    });</p>

<p>

이게 스크롤 막은 스크립트에요!

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
플라이
2년 전

이게 모바일 안드로이드냐 아이폰이냐 따라 다르게 반응하는거 같은데

 

위 부분 참고하셔서 수정해 보세요

 

참고: https://code-study.tistory.com/14

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

y
yooniiii
2년 전
참고해보겠습니다. 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

아니면 모달 호출할때마다 body {overflow:hidden;} 선언해보세요.

모달 백뷰가 fixed 인데 body 는 스크롤 영역이 있으니 발생하는 현상 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인