모바일 터치무브 이동 막기 가능한가요? 채택완료

안녕하세요.

 

모바일에서는 스크롤을 내릴 때 터치해서 움직이는데,

스크롤과 달리 터치를 얼마나 길게 했냐에 따라 길게 움직입니다.

 

예를들어, 스크롤이 1000 이하일 때 스크롤이 1000에 도달아면 scrollTop 이벤트로 스크롤을 2000에 보내는 함수를 작성 하였는데 모바일이 스크롤을 터치로 움직이면 scrollTop이벤트와 겹쳐서 버벅거리며 2000보다 더 움직이게 됩니다.

 

scrollTop 이벤트가 작동하는 순간 $("html, body").stop(); << 을 적어도 보고.. 구글링 해봤지만 영 해결이 안되서 ㅠ 질문 올려 봅니다.

이미 작동된 스크롤을 모바일에서 정지 시키고 싶은데, 방법이 있나요?

답변 1개

채택된 답변
+20 포인트

내용만으로는 정확히 어떤 형식으로 제작이 되어있는지는 정확히 알 수 없지만 이벤트를 처리하는 소스코드 바로 아래에 다음과 같이 추가해 보시는 건 어떨까요?

Copy
$(window).on('touchmove', function(event) {
  event.preventDefault();
});

모바일에서 발생하는 터치 이벤트가 스크롤 이벤트를 막고, 이미 작동된 스크롤을 정지시킬 수 있을 것이라 생각합니다.

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

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

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

로그인
🐛 버그신고