jquery animate - > css -webkit-transform：translate3d

Question

我有一個iPhone & Phonegap & JQtouch應用程序。

現在我用：

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

以切換畫面。

問題是，表現很糟糕。

我看，有一個更好的方法與「CSS -webkit-變換：translate3d」做我需要創建一個簡單的jQuery功能，獲取新的屏幕的「格」，

和然後在350毫秒內從右向左移動它。動畫完成後，我還需要運行其他一些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)');