javascript - Page mobile Le clavier mobile bloque la zone de saisie

Question

Situation normale Problème : Chaque fois que le téléphone change d'application ou de fenêtre, puis revient à la page et clique pour la première fois sur la zone de saisie, le clavier bloque la zone de saisie et seul le premier clic la bloque. Quelle est la cause de cela ? Ensuite, j'ai découvert que la barre de défilement de la page ne défilait pas vers le bas à ce moment-là, alors j'ai entré...

仅有的幸福 · Answer

Le navigateur Android ne recalculera pas la hauteur de la fenêtre comme le navigateur iOS après l'apparition du clavier logiciel, donc la hauteur de la fenêtre du navigateur Android lorsque le clavier logiciel apparaît est "la hauteur du clavier logiciel + (la hauteur de la fenêtre - la hauteur du clavier logiciel)" ; en fait, à ce moment, la hauteur raisonnable devrait être la hauteur de la page + la hauteur du pop-up du clavier logiciel ; la solution est la suivante :

var winHeight = $(window).height(); //获取当前页面高度  
          $(window).resize(function() {  
              var thisHeight = $(this).height();  
              if (winHeight - thisHeight > 50) {  
                  //当软键盘弹出，在这里面操作  
                  //alert('aaa');  
                  $('body').css('height', winHeight + 'px');  
              } else {  
                  //alert('bbb');  
                  //当软键盘收起，在此处操作  
                  $('body').css('height', '100%');  
              }  
          });

巴扎黑 · Answer

Est-ce un problème avec le style de la zone de saisie inférieure ? Essayez la méthode ci-dessus ?
/a/11...

怪我咯 · Answer

La bonne réponse au deuxième étage est en fait un problème de compatibilité du navigateur

世界只因有你 · Answer

Il ne semble pas y avoir de bonne solution