Управление виртуальной клавиатурой на планшете Windows 8

На моей веб-странице у меня есть поле ввода текста, которое покрывается клавиатурой на планшете Windows 8.1.

Я хочу, чтобы планшет "подталкивал" содержимое веб-страницы (как это работает на iPad).

Итак: Можно ли сделать клавиатуру НЕ покрывающей мое поле ввода? И могу ли я определить, активна ли виртуальная клавиатура с помощью javascript?

Ответ 1

Вы можете получить относительное положение текстового поля по сравнению с разрешением экрана, и если поле лежит на второй вертикальной половине (т.е. пространстве, которое закрывает клавиатуру после появления), прокрутите страницу вниз на фиксированную сумму пикселей.

Если вы используете jQuery, вы можете использовать плагин jquery.scrollTo, чтобы перейти к полю с вертикальным отрицательным смещением, поэтому поле всегда отображается.

Сайт плагина: https://github.com/flesler/jquery.scrollTo

Надеюсь, это поможет!

У меня нет планшета Windows, чтобы быть уверенным в том, как ОС управляет всплывающей клавиатурой, но этот метод работал у меня на Android и iOS.