PhoneGap/Cordova: animations JQuery marche lente
J'ai créé une application PhoneGap/Cordova et utilisé la bibliothèque JQuery pour certains des animations simples comme slideUp etc.
Qu'ils fonctionnent très bien sur le simulateur, mais quand je l'ai essayer sur un périphérique réel les animations de courir très chunky et lent.
Est-il un moyen pour accélérer le processus? Ou devrais-je utiliser un autre transitions cadre de travail?
Si ce dernier est vrai, quelqu'un peut-il suggérer une bonne version pour moi d'essayer?
Grâce
Quel système d'exploitation êtes-vous travailler?
J'ai testé avec 4 et 5 - les deux sont les mêmes si 5 est très légèrement plus rapide
J'ai testé avec 4 et 5 - les deux sont les mêmes si 5 est très légèrement plus rapide
OriginalL'auteur MeltingDog | 2012-06-21
Vous devez vous connecter pour publier un commentaire.
animations jQuery sont fait à l'aide d'un setInterval sur les propriétés css en cours d'animation et il n'est pas l'accélération matérielle sur les appareils mobiles.
Les Transitions CSS sont l'accélération matérielle sur la plupart des appareils modernes, et sont donc un meilleur choix. Il y a baisse dans les bibliothèques qui peuvent assurez-vous que vos animations jQuery sont effectuées en utilisant les transitions CSS au lieu de coûteux setInterval animations.
http://playground.benbarnett.net/jquery-animate-enhanced/
http://ricostacruz.com/jquery.transit/
Donner à ces un essai.
Si vous n'utilisez pas la fonctionnalité qui manque de Zepto.js, envisager de l'utiliser plutôt comme il est beaucoup plus petit et plus léger que celui de jQuery et fabriqués spécifiquement pour les appareils mobiles.
Ces ne semblent avoir aucun effet sur ma demande par rapport à la régulière jquery. Une raison pour cela?
animer-améliorer le rendu de mes transitions progressives agréable et tout en douceur!
Merci pour l'astuce très utile!
Pour moi jquery.le transit ne rendent ma vie meilleure. Encore, parfois j'ai l'effet, que l'animation à gauche ou à droite de l'élément, va trop loin sur les appareils mobiles. Pas toujours mais parfois. mais ce n'est pas si souvent plus comme avant. Merci pour cette.
OriginalL'auteur Devgeeks
Vous pouvez accélérer le processus en réduisant le contenu de votre page, mais ce n'est probablement pas ce que vous demandez. Une bonne solution pourrait être à l'aide de les transitions css. De cette façon, les vieux navigateurs ne pas afficher une animation alors qu'il devrait bien fonctionner sur les nouveaux appareils. Dégrade gracieusement.
OriginalL'auteur Maximilian Hils