jquery animate --> css -webkit-transform: translate3d

Question

我有一个iPhone &iPhone& 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)');