Hallo Leute, ich habe gerade ein Upgrade von cordova 3.0 auf 3.1 durchgeführt und es gibt immer noch ein sehr beunruhigendes Problem (das immer noch besteht, wenn ich mit KeyboardShrinksView spiele).
Immer wenn ich ein Element (input / textarea) fokussiere, welches die Tastaturöffnung auslöst, wird das Element hinter der Tastatur versteckt und ich muss nach unten scrollen (mit webkit-overflow-scrolling für Scrolling) Sehen Sie das Element und seinen Inhalt.
Wenn KeyboardShrinksView auf "true" gesetzt ist, scrollt die Seite nicht einmal, was es noch schlimmer macht.
Irgendwelche Lösungen, um dieses Problem zu beheben? Ich habe ein paar Fragen und Fehlermeldungen gesehen, aber keine funktionierenden Lösungen (oder Lösungen).
Wenn Sie mit der Einstellung "Vollbild" spielen, wird das Problem nicht gelöst.
Danke für Ihre Hilfe
Schließlich wurde das Problem mit Hilfe des folgenden Plugins behoben: jQuery scrollTo
Immer wenn ich mich auf ein Element konzentriere, trigger ich ein Fokus-Ereignis, das die folgenden Berechnungen durchführt und die Bildlaufposition aktualisiert:
%Vor%Klebt den unteren Rand der Eingabe / Textarea an den oberen Rand der Tastatur. Funktioniert wie ein Zauber, selbst wenn die Lösung dieses bisschen JavaScript durchlaufen muss.
Ich hatte gerade ein sehr ähnliches Problem. Einige der auf dieser Seite gefundenen Hacks funktionierten zwar, hatten aber unangenehme Nebeneffekte (wie Scrollen oder CSS-Layout). Schließlich kam ein nagelneuer dummer Hack.
Viewport-Meta-Tag:
%Vor%JavaScript run nach dem Laden:
%Vor%Und das ist es. Funktioniert auf iOS 7 und ich habe keine Ahnung warum .
Nun, logisch sollte die Ansicht nach oben gehen, wenn die Tastatur geöffnet wird. Ich habe ein ähnliches Problem mit iOS7 konfrontiert und um es zu beheben, habe ich einige CSS-Optimierungen angewendet.
Tweaks wurden auf die Wrapper-Klasse / ID angewendet, die den Inhalt der App enthält.
%Vor%Hinweis - Höhe und Breite werden abhängig von der Gerätehöhe und -breite dynamisch beurteilt
%Vor%Durch die Verwendung von jQuery-Selektoren werden Höhe und Breite an die Wrapping-Klasse / ID angehängt.
Ich denke, dass das Problem hier von Framework7 herrührt.
%Vor%Der obige Code, der in meine index.js-Datei eingefügt wurde, wirkte wie ein Zauber.
Tags und Links javascript cordova jquery ios html5