jquery animate -> css -webkit-transform : translate3d

아이폰은 &입니다. Phonegap & JQtouch 응용 프로그램입니다.jquery animate -> css -webkit-transform : translate3d

은 지금은 사용

$('someElement').animate(...);

화면을 전환하기 위해.

문제는 공연이 상당히 나쁘다는 것입니다.

내가 훨씬 더 나은 "CSS를 -webkit-변환 : translate3d"을 함께 할 수있는 방법이 있다는 것을 읽을 나는 새 화면의 "DIV"을 유도 할 수있는 간단한 JQuery와 함수를 만들어야

가와 350ms 후에 오른쪽에서 왼쪽으로 이동합니다. 애니메이션이 끝나면 다른 JQuery 함수도 실행해야합니다.

. 네 질문이 뭐야? –

이 솔루션을 구현하는 JQuery 함수가 필요합니다. –

죄송 합니다만 누군가가 전체 함수를 작성하게 될지 의심 스럽습니다! 직접 시도하고 여기에있는 * 구체적인 * 질문을 게시해야합니다! –

CSS

#layer{ 

    -webkit-transition-duration: 350ms; 

    -webkit-transform: translate3d(0,600px,0); 

    position: absolute; 

}

JQuery와

예, iOS에서`translate3d`를 사용하여 실제로 하드웨어 가속이며, 따라서 성능이 더 좋을 것

$('#layer').css('-webkit-transform', 'translate3d(0,0,0)');

2012-01-04 20:03:03

답변