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

Question

안녕하세요.

 

모바일에서는 스크롤을 내릴 때 터치해서 움직이는데,

스크롤과 달리 터치를 얼마나 길게 했냐에 따라 길게 움직입니다.

 

예를들어, 스크롤이 1000 이하일 때 스크롤이 1000에 도달아면 scrollTop 이벤트로 스크롤을 2000에 보내는 함수를 작성 하였는데 모바일이 스크롤을 터치로 움직이면 scrollTop이벤트와 겹쳐서 버벅거리며 2000보다 더 움직이게 됩니다.

 

scrollTop 이벤트가 작동하는 순간 $("html, body").stop();

웹메이킹 · Accepted Answer

내용만으로는 정확히 어떤 형식으로 제작이 되어있는지는 정확히 알 수 없지만 이벤트를 처리하는 소스코드 바로 아래에 다음과 같이 추가해 보시는 건 어떨까요?

[code]

$(window).on('touchmove', function(event) {
  event.preventDefault();
});
[/code]

모바일에서 발생하는 터치 이벤트가 스크롤 이벤트를 막고, 이미 작동된 스크롤을 정지시킬 수 있을 것이라 생각합니다.

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

답변 1개

공유하기