jQuery/js/html5 изменяет содержимое страницы, когда клавиатура видна на мобильных устройствах [дубликат]

На этот вопрос уже есть ответы здесь:

Закрыто 7 лет назад .

Possible Duplicate:
iPad Web App: Detect Virtual Keyboard Using JavaScript in Safari?

Я создаю мобильную версию для веб-сайта, и мне интересно, могу ли я создать с помощью jQuery/js/html5 или любой другой технологии тот же эффект разделения экрана, который можно сделать в мобильных приложениях, когда видна виртуальная клавиатура.

Например, если пользователь входит на мою веб-страницу и щелкает поле ввода текста, отображается виртуальная клавиатура, и браузер автоматически масштабируется до области, где находится поле ввода текста.

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

Вот несколько набросков, чтобы понять, о чем я говорю:

Это вид страницы без клавиатуры, результаты основаны на поиске:

page without keyboard

страница с портретной клавиатурой, логотип исчезает, ввод текста перемещается вверх, и отображается максимум 4 элемента

page with portrait keyboard

страница с альбомной клавиатурой, логотип исчезает, затем ввод перемещается вверх и увеличивается, отображаются только 2 элемента

enter image description here

если клавиатура скрыта, страница должна перейти к фазе 1.

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

задан Brian Tompsett - 汤莱恩 17 July 2019 в 19:32

0 ответов

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

html javascript jquery jquery-mobile jquery-events

jQuery/js/html5 изменяет содержимое страницы, когда клавиатура видна на мобильных устройствах [дубликат]

0 ответов

Похожие вопросы: