12

我在 iOS7 上使用全屏(保存到主屏幕)iPhone Web 应用程序时遇到问题。

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

但是,这似乎不会在 iOS7 上用于在全屏 Web 应用程序中滚动 DIV。

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

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

有人看到解决方法吗?

4

2 回答 2

17

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

我改变了这个:

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

于 2013-10-02T19:26:02.953 回答
0

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

于 2013-10-16T14:11:54.527 回答