PhoneGap / Cordova:JQuery动画运行缓慢

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

它们在模拟器上工作正常但是当我尝试使用实际设备时,动画运行起来非常粗糙和缓慢。

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

如果后者是真的,任何人都可以为我推荐一个好的版本试试吗?

谢谢

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

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

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

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

试一试。

如果您没有使用Zepto.js中缺少的任何function,请考虑使用它,因为它比jQuery更小更轻,专为移动设备而设计。

您可以通过减少页面内容来加快流程,但这可能不是您所要求的。 一个好的解决方案可能是使用css转换 。 这样,旧浏览器不会显示动画,而应该在新设备上顺利运行。 优雅地降级。