Maison  >  Questions et réponses  >  le corps du texte

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

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

仅有的幸福仅有的幸福2674 Il y a quelques jours992

répondre à tous(5)je répondrai

  • 阿神

    阿神2017-06-24 09:45:57

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

    .

    répondre
    0
  • 怪我咯

    怪我咯2017-06-24 09:45:57

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

    répondre
    0
  • 漂亮男人

    漂亮男人2017-06-24 09:45:57

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

    répondre
    0
  • 漂亮男人

    漂亮男人2017-06-24 09:45:57

    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

    répondre
    0
  • PHP中文网

    PHP中文网2017-06-24 09:45:57

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

    répondre
    0
  • Annulerrépondre