移动端浏览器input聚焦时页面跳动

Question

移动端浏览器下有几个input输入框，输入框切换的时候页面跳动的问题怎么解决？

<input name="code1" class="input" type="text" maxlength="1"/>
<input name="code2" class="input" type="text" maxlength="1"/>
<input name="code3" class="input" type="text" maxlength="1"/>

三个输入框，从1聚焦，切换到2聚焦，页面出现了上下跳动，这个问题怎么解决呢？

Answer 1

大哥，这样的问题你需要把相关的页面代码以及相关的js,css贴出来大家才能帮你一块排查问题，你给出这样的代码，怎么帮你排查。

Answer 2

这种情况是你页面不规范造成的 检查一下你的HTML吧，正常情况下是不会这样 的

Answer 3

我怎么记得这事正常情况，一列input切换聚焦的时候页面是要上下动的啊，是为了让你的input在可视范围之内

Answer 4

移动端的input输入时，因为会调出系统的软件盘，软件盘的高度不一，由此会产生一些问题，你可以从这点入手

Answer 5

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

加个这个试试呢

Answer 6

也许对你有些帮助

我遇到同样到问题

点击查看