在 iOS 7 全屏 Web 应用程序上破坏 webkit-overflow-scrolling 表单

Question

我在 iOS7 上使用全屏（保存到主屏幕）iPhone 网络应用时遇到问题。

Typically, when an input is selected, it has scrolled into view above the keyboard.

但是，在 iOS7 上，在全屏 Web 应用中滚动 DIV 似乎不会发生这种情况。

因此，当 DIV 使用“-webkit-overflow-scrolling: touch”并单击屏幕下半部分的输入时，会触发键盘，但输入不会向上滚动。

并且，那时，输入不会响应任何进一步的 onFocus 事件，否则我可以将其向上滚动。

有人看到解决方法吗？

Answer 1

更新视口元标记为我修复了它。

我改变了这个：

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

到这里：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />

height=device-height 是实际修复（没有它，视口会调整大小以适应键盘）。

Answer 2

它通过删除高度设置在我的 WebApp 上运行。