iPad에서 벨로 시티 JS가 응답을 중단합니다.

Question

iPad에서 테스트하는 동안 모호한 문제가 발생합니다. 나는 각자의 위치로 페이지를 쏘아 올리는 일련의 요소들을 가지고있다. 그러나 최근 iPad4에서 요소가 자신의 위치로 쏠 수 없다는 것을 발견했습니다. 요소에는 "속도 - 애니메이션"클래스가 적용되었지만 중단되거나 애니메이션되지 않습니다. 나는 clearQueue()뿐만 아니라 stop()을 사용해 보았지만 행운이 없었다.

scene.find(".hotspot").each(function() { 
     $(this).velocity({ 
      top: obj[name][i]['top'], 
      left: obj[name][i]['left'], 
      opacity: 1 
     }, 250); 
     i++ 
    }); 

가 사용되는 여러 변수가 있지만, 소자의 배열 함수에 전달되고, I는 요소의 셋톱 왼쪽 값 애니메이션 반복.

그러나 이상하게도 iPad를 가로 방향에서 세로 방향으로 뒤쪽으로 돌려 놓으면 요소가 올바른 위치에 있습니다. 어떤 아이디어?

Answer 1

이 문제에 직면 할 수있는 사람에게는 애니메이션이 적용된 요소 아래에 애니메이션 GIF가 최근에 포함 된 것이 문제였습니다. 한 번에 너무 많은 애니메이션 작업이 진행되는 것처럼 보였으므로 iPad는 전화를 끊습니다. 필자는 일단 필요한 요소에 애니메이션을 적용한 다음 setTimeout을 실행하여 애니메이션 gif를 페이드 아웃하여 해결했습니다.

이상하지는 않지만 정상적으로 작동합니다.