Windows Phone 8 Die WebView-Seite ist nicht statisch (jQuery Mobile / PhoneGap)
Entschuldigung für den mehrdeutigen Titel; Ich versuche jedoch, unsere PhoneGap-Anwendung, die für Android und iOS funktioniert, auf Windows Phone 8 zu portieren (geschrieben in jQuery Mobile / JavaScript, HTML und CSS3).
Das meiste funktionierte (obwohl ich ein paar Bits ändern musste, aber das wurde erwartet). Ein großes Problem, das ich im Moment habe, ist, dass die Funktionalität der Scrolling-Liste unserer Anwendung funktioniert und die Unterschriftserfassung funktioniert (beide sind meiner Meinung nach verwandt). Ich bin mir nicht sicher, wo das Problem liegt, aber wenn ich scrolle / signiere, bewegt sich die gesamte Seite mit meinem Finger, und die einzelnen Elemente nehmen die Berührungsereignisse nicht auf. Ich benutze iScroll, jQuery 1.7.2 und jQM 1.1.0; Lesen Sie jedoch weiter, weil die Scrollfunktion funktionierte (die Signierfunktion war schon immer ein Problem)!
Bevor das Scrollen aufhörte, hatte ich ein Problem mit der Lücke zwischen der Fußleiste und dem unteren Rand der Seite:
Eine Sache, die mir empfohlen wurde, war, das folgende Bit CSS hinzuzufügen; und es löste das Problem "Lücke":
%Vor% 
Dies führte jedoch dazu, dass die Bildlauffunktionen nicht mehr reagierten. Die gesamte Seite bewegt sich nach oben / unten, aber nicht das Listenelement, das das Gegenteil von dem ist, was ich will! Ich habe versucht, Folgendes hinzuzufügen, aber ohne Glück:
%Vor%Ich habe das zu meinem div-Element hinzugefügt, das die Seite enthält. Es hat die Seite auf und ab bewegt! Die Liste blieb jedoch unempfänglich. Wenn ich jedoch diese beiden CSS-Klassen entferne, funktioniert die Scroll-Funktion wieder, aber das Problem mit der Lücke wird wieder eingeführt. Die Viewport-CSS-Klasse ist definitiv der korrekte Weg, den ich glaube - aber ich kann nicht für mein ganzes Leben so funktionieren, wie ich es möchte.
Wenn jemand helfen könnte, würde es sehr geschätzt werden.
Danke.
2 Antworten
Zunächst unterstützt @ -ms-viewport das Zoomen nicht, also entfernen Sie die Zoom-Eigenschaften, weil sie Parsing-Fehler erzeugen. Die unterstützten Eigenschaften sind hier
aufgelistetZweitens, versuche, diese Regeln zu deinem CSS hinzuzufügen und benutze iScroll in deinem zentralen Container, wie du gesagt hast, dass du es gemacht hast
%Vor%Tags und Links cordova jquery css windows-phone-8 jquery-mobile