나는 시차 거리 장면이있는 웹 사이트를 만들었습니다. 보관 된 버전은 here을 참조하십시오.Android 브라우저에서 스크롤 이벤트가 발생하지 않습니다. 대안이 필요합니다
모든 주요 데스크톱 브라우저와 Safari Mobile에서 잘 작동합니다. 모바일 Firefox 및 Android 용 Chrome 베타에서도 정상적으로 작동합니다. 그러나 기본 Android 브라우저에는 스크롤 이벤트에 문제가 있습니다. 내가 분명히하자. 스크롤링은 문제가되지 않습니다. div는 필요에 따라 스크롤됩니다. 스크롤 이벤트이 발생하지 않습니다. ICS뿐만 아니라 Honeycomb에서도이 문제가 발생합니다.
모바일 화면 크기의 경우 대개 시차 장면이 표시되지 않으므로 다른 모바일 브라우저는 신경 쓰지 않습니다. mediaqueries 및 조건부 JavaScript로드가이를 처리합니다. 반응이 빠른 디자인과 재즈.
기본적으로 필자는 parallise() jQuery 플러그인을 작성하여 각 이미지의 위치와 '깊이'를 기준으로 이미지를 배치합니다. 이 함수는 scroll 이벤트에 바인딩됩니다.
Android 브라우저에서이 이벤트는 다음 터치이 시작될 때만 연속적으로 발생하는 대신 을 발생시킵니다.
좋아요, 그래서 아마도 내 문제를 해결할 것이라고 touchstart
, touchmove
및 touchend
이벤트에 바인딩 된 경우 생각. 시가가 없습니다. Other touch events are also bugged. 제안 된 해결 방법을 적용하면 이벤트가 발생하지만 e.preventDefault()
에는 스크롤 (전체 연습)이 비활성화되어 있습니다.
스테이지 div의 위치를 창 div 기준으로 폴링하면 어떻게됩니까? 다음 터치가 시작될 때 위치 정보가 으로 만 업데이트됨을 알 수 있습니다..
나는 내 밧줄 끝에 있습니다. 어떤 도움이라도 대단히 감사 할 것입니다.
좋아, 내가 다른 사이트의 테스트 도메인을 사용해야합니다. 누구든지이 문제를 해결하고 싶다면 의견을 남겨주세요. 다시 올려 드리겠습니다. 이 사이트는 [smartdevice.co.za] (http://smartdevice.co.za)에도 게시되어 있지만 뷰포트는 '960px'로 설정되어 있지 않습니다. 우리는 고객에게 이것이 우리가 통제 할 수없는 브라우저 문제라고 말했고, 문제의 영향은 기본 브라우저 만 실행하는 Android 태블릿에만 국한됩니다. 그러나 후진을 위해 해결책을 알고 있다면 의견을 남겨주세요. –
이 문제를 해결 한 적이 있습니까? – IamDeveloper
불행히도 아닙니다. :(브라우저에 문제가 있습니다. 거의 모든 터치 이벤트에서 사용되는 일부 코드는 예상대로 작동하지 않으므로 어느 순간 터치 이벤트에 의존하기 때문에 해결 방법을 만들 수 없습니다. 우리가 클라이언트를 해고함에 따라 이전 코멘트에 언급 된 사이트에 내 코드가 더 이상 포함되어 있지 않습니다. 사이트의 사본은 http://xandor.co.za/smartdevice에 있습니다. –