Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/iphone/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Iphone jquery动画-->;css-webkit转换:translate3d_Iphone_Cordova - Fatal编程技术网

Iphone jquery动画-->;css-webkit转换:translate3d

Iphone jquery动画-->;css-webkit转换:translate3d,iphone,cordova,Iphone,Cordova,我有一个iPhone&Phonegap&JQtouch应用程序 现在我使用: $('someElement').animate(...); 以便切换屏幕 问题是性能相当差 我读到有一种更好的方法可以通过“css-webkit transform:translate3d”来实现 我需要创建一个简单的JQuery函数,它获取新屏幕的“div”,然后在350毫秒内将其从右向左移动。动画完成后,我还需要运行一些其他JQuery函数。css #layer{ -webkit-transition

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

现在我使用:

$('someElement').animate(...);
以便切换屏幕

问题是性能相当差

我读到有一种更好的方法可以通过“css-webkit transform:translate3d”来实现

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

css

#layer{

    -webkit-transition-duration: 350ms;

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

    position: absolute;

}
jquery

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

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