iphone - jquery 动画 --> css -webkit-transform : translate3d

Question

我有一个 iPhone、Phonegap 和 JQtouch 应用程序。

现在我使用:

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

为了切换屏幕。

问题是性能很差。

我读到有一种更好的方法可以使用“css -webkit-transform:translate3d”来做到这一点，

我需要创建一个简单的 JQuery 函数，它获取新屏幕的“div”，然后在 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)');