javascript - 移动浏览器。 iframe 内部表单突然移动

Question

我在 iframe 中有一个表单。

通过单击虚拟键盘 IOS 上的箭头打开此表单的字段后，我看到视口(viewport)突然移动

我在移动版 Safari(ios8) 中注意到了这个问题，而且只有当窗体在框架中时。

如果在 iOS 中打开堆栈溢出，“运行代码”按钮不可见，因此链接到 here 中的工作示例.

代码片段在这里:

.a { background-color: #f00 }
.b { background-color: #0f0 }
.c { background-color: #00f }
.d { background-color: #ff0 }
.e { background-color: #0ff }
.f { background-color: #f0f }
.g { background-color: #0a0 }
.h { background-color: #a00 }
.z { background-color: #00a }

<input class="a" placeholder="A" type="text"><br>
<input class="b" placeholder="B" type="text"><br>
<input class="c" placeholder="C" type="text"><br>
<input class="d" placeholder="D" type="text"><br>
<input class="e" placeholder="E" type="text"><br>
<input class="f" placeholder="F" type="text"><br>
<input class="g" placeholder="G" type="text"><br>
<input class="h" placeholder="H" type="text"><br>
<input class="z" placeholder="Z" type="text"><br>

仅当此代码在 IFRAME 中打开时才会重现

检查这个:

1. 打开网站，
2. 点击第一个字段
3. 通过按“>”按钮(在 ios 的虚拟键盘上)浏览字段。

按下一些按钮后开始抽动，并将屏幕定位在错误的位置。

谁面对？如何用 JS/CSS 修复这个错误？

Answer 1

这个问题很久没有解决

discussions.apple.com/message/23671694