Iphone jquery动画-->;css-webkit转换:translate3d
我有一个iPhone&Phonegap&JQtouch应用程序 现在我使用: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
$('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函数来实现这个解决方案很抱歉,但我怀疑有人会为你编写整个函数!你应该自己试一试,并在这里发布你的任何具体问题!