javascript - Comment fixer la zone de saisie d'une page Web mobile en bas?

Question

Comme le montre l'image ci-dessus, lorsque l'utilisateur clique sur la zone de saisie de la page d'accueil, le clavier apparaît, ce qui bloque parfois partiellement la zone de saisie (comme indiqué ci-dessous)

La méthode de traitement actuelle consiste à effectuer un redimensionnement une fois que la zone de saisie a obtenu le focus

$('input').on('focus' , function(){
    $(window).resize();
}).on('blur' , function() {
    $(window).resize();
});

Le but est de réinitialiser la taille de la fenêtre et de repositionner la zone de saisie qui flottait à l'origine en bas
Mais l'effet n'est pas très bon, parfois il prend effet et parfois il échoue

Quelle méthode utiliser pour mieux gérer cette situation ?
De plus, lorsque le clavier apparaît, le défilement de la page peut également maintenir la zone de saisie fixe en bas

La méthode de positionnement actuelle de la zone de saisie est : position : fixe
Environnement de capture d'écran : ios WeChat

Answer 1

Vous pouvez utiliser flex pour fixer la zone de saisie en bas, vous pouvez cocher sticky-footer

.

Answer 2

Il est recommandé d'utiliser js pour calculer, utilisez window.innerHeight

Answer 3

http://www.cnblogs.com/cococe...
Essayez ceci

Answer 4

La personne ci-dessus a raison, vous pouvez utiliser flex Ceux qui font de la publicité utilisent cet attribut. Je pense que cela peut résoudre votre problème

Answer 5

Adresse : http://www.haorooms.com/post/...
Principe : N'utilisez pas fixe sur iOS, utilisez plutôt absolu.
Fin.