Mr. Lolman
2013-11-29, 09:15:50
und zwar die Pagetransitions. Beim Laden einer Seite mittels: "$.mobile.changePage("#XYZ", { transition: 'slide' });" sehe ich auf Android den Screen kurz weiss aufflackern. Schaut nicht nur schlecht aus, sondern irritiert auch, wenn ich eine neue Seite lade, der Header aber fix ist "<div data-role="header" data-position="fixed" data-tap-toggle="false" data-id="XYZA" class="ui-state-persist">" für eine Navbar, die über mehrere Seiten unverändert bleiben soll.
Das Flackern tritt auf wenn:
HW Beschleunigung aktiv ist - und
im HTML - Header ein <meta name="viewport" content=""> Tag steht.
Ohne HW-Beschleunigung flackert nix, wenn ich kein meta Tag mit dem Namen "Viewport" hab, flackert auch bei aktiver HW-Beschleunigung nix. Das Tag brauch ich aber für IOS Devices, damit der Zoomlevel am Iphone passt. (Das Content Attribut wird abhängig vom Gerät mittels Jquery befüllt). Die HW-Beschleunigung generell zu deaktivieren ist keine Lösung, weil sich die simple App am GalaxyS4 beim Scrollen sonst zu Tode ruckelt und das Tag mittels Jquery für Android zu entfernen klappt leider auch nicht.
Die imo einzige Lösung wär 2 verschiedene Seiten für IOS und Android anzubieten. Aber genau das wollt ich mir sparen.
Irgendeine Idee?
EDIT: Vergessts die Frage. Das Tag brauch ich offenbar nur für mobile Websiten. Wenn die Website in Phonegap gewrappt wird, ists auch für IOS nicht notwendig. Hab grad ein paar Screenshots der IOS-App gesehen und da schauts auch ohne Viewport Tag gut aus.
Das Flackern tritt auf wenn:
HW Beschleunigung aktiv ist - und
im HTML - Header ein <meta name="viewport" content=""> Tag steht.
Ohne HW-Beschleunigung flackert nix, wenn ich kein meta Tag mit dem Namen "Viewport" hab, flackert auch bei aktiver HW-Beschleunigung nix. Das Tag brauch ich aber für IOS Devices, damit der Zoomlevel am Iphone passt. (Das Content Attribut wird abhängig vom Gerät mittels Jquery befüllt). Die HW-Beschleunigung generell zu deaktivieren ist keine Lösung, weil sich die simple App am GalaxyS4 beim Scrollen sonst zu Tode ruckelt und das Tag mittels Jquery für Android zu entfernen klappt leider auch nicht.
Die imo einzige Lösung wär 2 verschiedene Seiten für IOS und Android anzubieten. Aber genau das wollt ich mir sparen.
Irgendeine Idee?
EDIT: Vergessts die Frage. Das Tag brauch ich offenbar nur für mobile Websiten. Wenn die Website in Phonegap gewrappt wird, ists auch für IOS nicht notwendig. Hab grad ein paar Screenshots der IOS-App gesehen und da schauts auch ohne Viewport Tag gut aus.