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

【问题标题】：jquery animate --> css -webkit-transform: translate3djquery animate --> css -webkit-transform: translate3d
【发布时间】：2012-01-03 01:25:27
【问题描述】：

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

现在我使用：

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

为了切换屏幕。

问题是表演很糟糕。

我了解到使用“css -webkit-transform: translate3d”有更好的方法，

我需要创建一个简单的 JQuery 函数，它获取新屏幕的“div”，然后在 350 毫秒内将其从右向左移动。动画完成后，我还需要运行一些其他的 JQuery 函数。

【问题讨论】：

是的，在 iOS 上使用 translate3d 实际上是硬件加速，因此性能会更好。你有什么问题吗？
我需要一个 JQuery 函数来实现这个解决方案
很抱歉，但我怀疑有人会为您编写整个函数！您应该自己尝试并在此处发布任何特定问题！

标签： iphone cordova

【解决方案1】：

css

#layer{

    -webkit-transition-duration: 350ms;

    -webkit-transform: translate3d(0,600px,0);

    position: absolute;

}

jquery

$('#layer').css('-webkit-transform', 'translate3d(0,0,0)');

【讨论】：