jquery animate -> css -webkit-transform: translate3d

Question

Ho un iPhone & PhoneGap & JQtouch app.

Ora uso:

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

al fine di passare da una schermata.

Il problema è che le prestazioni sono piuttosto negative.

ho letto che c'è un modo molto migliore di farlo con "css -webkit-transform: translate3d",

Ho bisogno di creare una semplice funzione di JQuery che ottiene il "div" del nuovo schermo e quindi lo sposta da destra a sinistra in 350 ms. Quando l'animazione è terminata, ho anche bisogno di eseguire qualche altra funzione di 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)');