Ionische, nicht glatt, beim scrollen Inhalte mit slider-box
Ich hab das Spiel aus der Ionischen und erstellt eine einzelne Seite, die ein ion-Inhalte, die enthält ein slider-box und diverse statische Bilder in der slider box befinden sich 5 relativ große Bilder gleiten zu imitieren, die Karussell-Effekt auf desktop-Webseiten. Der Ionen-Gehalt eingestellt ist Scrollbar und slider-box-set auf Folie automatisch nach 2 Sekunden. Problem ist, dass alles, wenn ich scrollen durch den Ionen-Gehalt, wenn der Schieber geschieht, zu rutschen, das scrollen wird wirklich laggy für iOS und Android. Implementiert habe ich die genaue Seite mit bootstrap+ jQuery, und alles, was Ames so glatt, ich Frage mich, ob dies ist eine Frage, über die Ionischen? Genauer gesagt, gegeben ionic ist noch auf der beta, ich brauche einige Ratschläge hinsichtlich seiner Leistung auf mobilen Plattformen? Vielen Dank im Voraus.
- Eine Sammlung von Tipps für die Verbesserung der Ionischen Leistung, vor allem in Bezug auf Sammlungen und scrollen: julienrenaux.fr/2015/08/24/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich habe die Entwicklung mit Ionic und nach jedem nightly im letzten Monat (von der b13 zu b14), und ich Stimme zu, es muss nicht die Leistung, die Sie erwarten würden, besonders wenn Sie mit Schiebereglern in den aktuellen Versionen.
Zwei Dinge zu beachten, für die Zukunft sind:
Regler wird komplett überarbeitet und für Version 1.0. Der neue regler hatte einen kurzen Auftritt in den nightlies, wurden aber wieder herausgenommen, da die Entwickler nicht glücklich über das Ergebnis. In meiner Erfahrung ist die neue version war deutlich schneller und benötigt viel weniger Speicher als das, was derzeit verfügbar ist. So haben die Entwickler die neue slider-code fertig, erwarten, dass diese, um Dinge zu verbessern, eine Menge.
Für Android, das Blättern wird zur Zeit durch die Ionic-code im JS. Diese werden ersetzt durch aufrufen von Android-builtin-scrolling-events statt, die sollte glatt bis scrollen viel. Keine Auswirkungen auf iPhones, aber Performance ist ein bisschen besser ist es schon...
Weitere Infos hier: http://ionicframework.com/blog/the-final-beta/
Zur Verbesserung der Leistung, die Sie verwenden können: ZEBRASTREIFEN ersetzt die Android-Standard-Webansicht. Erfahren Sie hier mehr: https://github.com/driftyco/ionic-cli in Abschnitt Zebrastreifen für Android.
Nachteil dieser Lösung ist, dass die app-Größe erhöht (in meinem Fall 37mb), aber immer noch die Leistung auf langsameren Android-Geräte ist viel besser!
Hinzufügen von overflow-scroll="true" ist mein problem gelöst