모바일 터치무브 이동 막기 가능한가요?
본문
안녕하세요.
모바일에서는 스크롤을 내릴 때 터치해서 움직이는데,
스크롤과 달리 터치를 얼마나 길게 했냐에 따라 길게 움직입니다.
예를들어, 스크롤이 1000 이하일 때 스크롤이 1000에 도달아면 scrollTop 이벤트로 스크롤을 2000에 보내는 함수를 작성 하였는데 모바일이 스크롤을 터치로 움직이면 scrollTop이벤트와 겹쳐서 버벅거리며 2000보다 더 움직이게 됩니다.
scrollTop 이벤트가 작동하는 순간 $("html, body").stop(); << 을 적어도 보고.. 구글링 해봤지만 영 해결이 안되서 ㅠ 질문 올려 봅니다.
이미 작동된 스크롤을 모바일에서 정지 시키고 싶은데, 방법이 있나요?
답변 1
내용만으로는 정확히 어떤 형식으로 제작이 되어있는지는 정확히 알 수 없지만 이벤트를 처리하는 소스코드 바로 아래에 다음과 같이 추가해 보시는 건 어떨까요?
$(window).on('touchmove', function(event) {
event.preventDefault();
});
모바일에서 발생하는 터치 이벤트가 스크롤 이벤트를 막고, 이미 작동된 스크롤을 정지시킬 수 있을 것이라 생각합니다.
답변을 작성하시기 전에 로그인 해주세요.