2016-07-12 3 views
1

스크롤에 이벤트 리스너가 있고 모든 항목이 데스크톱 브라우저 (스크롤 시작 - 이벤트가 바로 실행될 때) 및 모바일 (Chrome 최신 버전 + Android 버전 5.0)의 크롬 브라우저에서 잘 작동하지만 다른 모바일 브라우저 (ff, 안드로이드 브라우저)에서는이 방식이 다르게 작동하고 일부 검색 결과로 인해 그 이유를 알았습니다. 그 이유는 스크롤 동작이 완전히 멈출 때까지 (화면에서 손가락을 떼면) 스크롤 이벤트가 발생하지 않기 때문입니다.모바일에서 스크롤 이벤트 화재 지연

내 질문에는 임시 해결 방법이 있는데, 아마도 모범 사례 일 수 있습니다. 따라서 정상적으로 (데스크톱처럼) 실행되고 성능이 크게 변하지 않을 것입니다.

* JS 솔루션에만 해당 (jquery에는 해당되지 않음).

답변

2

iScroll을 사용할 수 있습니다. 그것은 jQuery에 의존하지 않고 다른 것들 중에서 당신이 원하는 것 (모바일 플랫폼에서 스크롤 이벤트를 계속 ~ 계속)을 달성합니다.

iScroll을 사용하여 구현하는 방법은 this answer을 참조하십시오.

+0

어떻게 작동합니까 말할 수 있습니까? 나는이 작은 일을 극복하기 위해 단순히 다른 코드 파일을 가져오고 싶지 않습니다. 다른 것, 훨씬 더 깨끗한 방법이어야합니다. – zaknuroy

1

나는 Mohit Bhardwaj의 대답에 동의하며 iScroll에 관해 중요한 것을 말하고 싶다.

iScroll 실행은 css3 translate 및 touchMove, touchStart 및 touchEnd와 같은 js 이벤트에 따라 다릅니다. 페이지의 전체 스크롤 시스템이나 처리하도록 설정 한 요소 컨테이너를 처리한다고 생각할 수 있습니다. iScroll에서 스크롤 이벤트를 듣고 싶다면 iscroll-probe.js를 가져와 probeType 매개 변수를 2 또는 3으로 설정해야합니다. 그렇지 않으면 스크롤 이벤트가 발생하지 않습니다.

iScroll 버전 5는 훌륭합니다. 많은 프로젝트에서 사용합니다. 당신은 그것을 볼 수 있습니다 워드 프로세서 및 코드 here