PhoneGap/Cordova:JQuery动画运行缓慢

Mel*_*Dog 9 jquery slide cordova

我在PhoneGap/Cordova中构建了一个应用程序,并将JQuery库用于一些简单的动画,如slideUp等.

它们在模拟器上运行良好,但是当我尝试使用实际设备时,动画运行起来非常粗短.

有没有办法加快速度?或者我应该使用不同的过渡框架工作?

如果后者是真的,任何人都可以建议一个好的版本供我尝试吗?

谢谢

Dev*_*eks 25

jQuery动画是在动画的css属性上使用setInterval完成的,并且在移动设备上不是硬件加速.

CSS Transitions 在大多数现代设备上都是硬件加速的,因此是更好的选择.库中有一些可以确保使用CSS过渡而不是昂贵的setInterval动画来完成jQuery动画.

http://playground.benbarnett.net/jquery-animate-enhanced/

http://ricostacruz.com/jquery.transit/

试一试.

如果您没有使用Zepto.js中缺少的任何功能,请考虑使用它,因为它比jQuery更小更轻,并且专门针对移动设备.