javascript - Wie kann ich das Eingabefeld einer mobilen Webseite unten fixieren?

Question

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

Answer 1

输入框 你可以使用 flex 来固定到底部试试，flex 固定到底部可查考 sticky-footer

Answer 2

建议你用js去计算，使用 window.innerHeight

Answer 3

http://www.cnblogs.com/cococe...
试试这个

Answer 4

楼上说的对，可以用flex ,那些打广告的都是采用这个属性。我觉得这个能解决你的问题

Answer 5

地址：http://www.haorooms.com/post/...
原理： ios 不要用 fixed,改使用 absolute。
完。