javascript - Comment fixer la zone de saisie d'une page Web mobile en bas?
仅有的幸福
仅有的幸福 2017-06-24 09:43:57
0
5
1043

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

仅有的幸福
仅有的幸福

répondre à tous(5)
阿神

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

.
刘奇

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

漂亮男人

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

漂亮男人

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

洪涛

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

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal