Ich verwende die neueste Version von ionic 2.
Mein Code hat ein <ion-content padding><form></form></ion-content> mit einer Texteingabe darin. Wenn ich versuche, auf Android etwas einzugeben, wird die ganze Seite mit der Tastatur nach oben geschoben.
HTML-Datei
%Vor%Gibt es irgendwelche Lösungen?
Dies sollte alles in der RC4 (bald) behoben werden. Um den Bildlauf zu deaktivieren, wenn die Eingabe fokussiert ist, fügen Sie dies Ihrem Konfigurationsobjekt hinzu (in @NgModule ):
Eine sehr gute Erklärung dieser beiden Eigenschaften finden Sie hier :
Unter den Standardeinstellungen von Ionic2 sind jedoch zusätzliche Funktionen vorhanden Der Versuch, sowohl den Keyboard-Überträger durch Hinzufügen zu kompensieren Padding an den unteren Rand Ihres Inhalts ('scrollAssist') und die behalten fokussiertes Eingabeelement im Ansichtsfenster durch Zurückscrollen ('autoFocusAssist'). Sowohl scrollAssist als auch autoFocusAssist sind sehr schön implementierte Switches in der Config, die scheinbar nicht gekommen sind öffentlich dokumentiert noch.
Sie können ionic-plugin-keyboard auch verwenden, um den systemeigenen Browser daran zu hindern, den Inhaltsbereich zu verschieben und zu scrollen und die Tastatur über den vorhandenen Inhalt zu legen und ihn zu überdecken:
AKTUALISIEREN
Genau wie @Luckylooke in den Kommentaren erwähnt:
Keyboard.disableScroll (), ios und Windows unterstützt
UPDATE II
Ab Ionic 3.5.x scheint die Tastatur noch einige Probleme zu haben. Ich habe festgestellt, dass die folgende Konfiguration aus Sicht der UI / UX ein besseres Ergebnis (verglichen mit den Standardeinstellungen) ergibt:
%Vor% Indem wir scrollAssist: true beibehalten, vermeiden wir, dass die Eingabe von der Tastatur verborgen wird, wenn sie sich am unteren Rand der Seite befindet, und indem wir scrollPadding: false einstellen, vermeiden wir auch einige seltsame Fehler, die mit einem leeren Leerraum verbunden sind.
es gibt einige Probleme für Eingaben und Formulare mit dem Scrollen wie erwähnt hier , also empfehle ich, auf die warten nächste RC, um das zu beheben, weil es nicht Ihr Code-Fehler ist nur ionische Bug.
Fügen Sie diese Methode zu den .ts auf dieser Seite hinzu
%Vor%Mein Szenario ist: Die Tastatur wird auf dieser Seite aufgerufen, aber wenn Sie zur vorherigen Seite zurückkehren, wird die Seite als Ganzes angezeigt, und ich versuche, es mit dieser Methode zu lösen, ich verwende ionic2.
Tags und Links cordova angular typescript ionic3 ionic2