jquery animate -> css -webkit-transform: translate3d

Question

Tengo un iPhone & Phonegap & JQtouch app.

Ahora uso:

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

con el fin de cambiar de pantalla.

El problema es que las actuaciones son bastante malas.

leí que hay una mejor manera de hacerlo con "css -webkit-transform: translate3d",

Necesito crear una simple función de jQuery que recibe el "div" de la nueva pantalla y luego lo mueve de derecha a izquierda en 350 ms. Cuando termina la animación, también necesito ejecutar alguna otra función de JQuery.

Answer 1

css

#layer{ 

    -webkit-transition-duration: 350ms; 

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

    position: absolute; 

} 

jQuery

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