Формы прокрутки webkit-переполнения повреждены в полноэкранном веб-приложении iOS 7

У меня проблемы с полноэкранным (сохраненным на домашнем экране) веб-приложением iPhone на iOS7.

Как правило, когда выбран вход, он прокручивается в поле зрения над клавиатурой.

Однако на iOS7 этого не происходит для прокрутки DIV в полноэкранном веб-приложении.

Таким образом, когда DIV использует "-webkit-overflow-scrolling: touch" и щелкает ввод в нижней половине экрана, клавиатура срабатывает, но ввод не прокручивается вверх.

И, в то время, вход не будет реагировать на дальнейшие события onFocus, с которыми я мог бы прокрутить его.

Кто-нибудь видел обходной путь?

2 ответа

Решение

Обновление метатега viewport исправило это для меня.

Я изменил это:

<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 это фактическое исправление (без него размер окна просмотра изменяется с учетом клавиатуры).

Он работал на моем веб-приложении, удалив настройки высоты.

Другие вопросы по тегам