javascript - Lorsque l'entrée iOS est focalisée, la page entière est poussée vers le haut
Les exigences sont en fait très simples. Corrigez simplement une zone de saisie en bas de la page et saisissez du texte.
Mais. . . Sous système iOS. Lorsque cette entrée est ciblée, la page entière est poussée vers le haut. . . . . . Le contenu de l'en-tête n'est plus visible.
Existe-t-il un bon moyen de faire remonter uniquement cette zone de saisie, tandis que les positions des autres éléments sur la page restent inchangées ?
conseils : j'ai beaucoup vérifié sur Internet, mais je n'arrive pas à le résoudre T.T
Ensuite, j'ai essayé de simplement changer la position de la page entière en fixe, haut :0 ; bas :0 lors de la saisie du focus, puis de la page ; n'était effectivement pas réparé. Le haut monte, mais l'entrée ne monte pas non plus, elle est bloquée par le clavier
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>scroll</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
.btm{
position: fixed ;
bottom:0;
}
</style>
</head>
<body>
<p class="wrap" id='inp'>
<p class="content">
内容
</p>
<p class="btm">
<input type="text">
</p>
</p>
<script>
</script>
</body>
</html>
