javascript - Wie kann ich das Eingabefeld einer mobilen Webseite unten fixieren?
Wie im Bild oben gezeigt, erscheint beim Klicken des Benutzers auf das Eingabefeld auf der Startseite die Tastatur, die manchmal das Eingabefeld teilweise blockiert (wie unten gezeigt)
Die aktuelle Verarbeitungsmethode besteht darin, die Größe zu ändern, nachdem das Eingabefeld den Fokus erhält
$('input').on('focus' , function(){
$(window).resize();
}).on('blur' , function() {
$(window).resize();
});Der Zweck besteht darin, die Fenstergröße zurückzusetzen und das ursprünglich unten schwebende Eingabefeld neu zu positionieren
Aber der Effekt ist nicht sehr gut, manchmal tritt er in Kraft und manchmal schlägt er fehl
Welche Methode sollte verwendet werden, um mit dieser Situation besser umzugehen?
Während die Tastatur eingeblendet wird, kann beim Scrollen der Seite auch der Eingabebereich unten fixiert bleiben
Die aktuelle Positionierungsmethode des Eingabefelds ist: Position: fest
Screenshot-Umgebung: ios WeChat
