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