Windows Phone 8 WebView-Seite ist nicht statisch (jQuery Mobile / PhoneGap)



Answers

Sie können dies in Ihrem CSS verwenden und es wird Ihre Fußzeile reparieren.

[data-role=footer]{bottom:0; position:absolute !important; top: auto !important; width:100%;}   
Question

Entschuldigung für den mehrdeutigen Titel; Ich versuche jedoch, unsere PhoneGap-Anwendung, die auf Android und iOS funktioniert, auf Windows Phone 8 (geschrieben in jQuery Mobile / JavaScript, HTML und CSS3) zu portieren.

Der größte Teil davon 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 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":

@media screen and (orientation: portrait) {
    @-ms-viewport {
        width: 320px;
        user-zoom: fixed;
        max-zoom: 1;
        min-zoom: 1;
    }
}

Dies führte jedoch dazu, dass die Scrollfunktionen 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:

-ms-touch-action: none;

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 Ansichtsfenster-CSS-Klasse ist definitiv die richtige Route, glaube ich - 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.

Vielen Dank.




Links