jquery animate - ＆gt; css -webkit-transform：translate3d

Question

我有一个iPhone＆amp; Phonegap＆amp; JQtouch app。

现在我用：

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

为了切换屏幕。

问题是表演非常糟糕。

我读到有一个更好的方法来做“css -webkit-transform：translate3d”，

我需要创建一个简单的JQuery函数，它获取新屏幕的“div”，然后在350ms内从右向左移动它。动画完成后，我还需要运行其他一些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)');