jquery animate - > css -webkit-transform:translate3d

Question

我有一个iPhone和Phonegap&JQtouch应用程序.

现在我使用:

$('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)');