jQuery Mobile动画的替代品

Question

我目前正在使用Phonegap使用jQuery Mobile制作应用程序，因此使用.fadein() .fadeout(), .hide()和show()函数的效果不如我所希望的那样有任何替代方法这些功能？我一直在阅读使用CSS3更好的动画，因为它的硬件加速，但我写这篇文章，希望有更好的方法在Phonegap或{{1}上实现动画} 最好的？

Answer 1

查看Steroids.js，它们通过使用原生UI组件和动画来弥合PhoneGap与本机应用之间的性能差距

检查以下文档以开始使用

http://techcrunch.com/2013/08/20/steroids-js-bridges-the-performance-gap-between-phonegap-and-native-apps-by-using-native-ui-components-and-animations/

http://www.marketwire.com/press-release/appgyver-steroidsjs-closes-the-performance-gap-between-html5-and-native-apps-1823040.htm

Answer 2

JS动画很慢，对于多平台应用程序（web mobile，android，iphone）我会研究CSS 3D过渡。 CSS 3D过渡是硬件加速的，你可以做一些整洁的东西。

以下是一个例子： http://blog.stevensanderson.com/2013/03/15/animating-lists-with-css-3-transitions/