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

Question

我在iOS7上使用全屏(保存到主屏幕)的iPhone网络应用程序时遇到问题.

通常,当选择输入时,它已滚动到键盘上方的视图中.

但是,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 是实际修复(没有它视口调整大小以适应键盘).