Разместить элемент над всплывающей клавиатурой iOS

Question

На сайте есть фиксированное всплывающее окно, имеющее 100% высоты экрана.
Сверху и снизу прикреплены элементы высотой по 50 пикселей, а всю внутреннюю часть занимает textarea. Мне нужно, чтобы при фокусе textarea нижний блок был всегда над всплывающей клавиатурой.

На iPhone при появлении клавиатуры, размер окна не уменьшается и Footer, Header прячутся за краями.
Пробовал получать размер окна с помощью JavaScript, но результат отдается без учета клавиатуры.

Maxim Bogdanov · Answer

Достаточно сложная задача. Необходимо самостоятельно обсчитывать изменения перед фокусировкой и после. Для примера - при открытии клавиатуры меняется window.pageYOffset

Answered by Maxim Bogdanov on March 2, 2021

smellyshovel · Answer

На картинках ваша работа уже, или пример того, что должно быть?
Извините, не могу пока что еще это в комментарии к вопросу написать.

Попробуйте position: fixed; использовать для футера.

Разместить элемент над всплывающей клавиатурой iOS

2 Answers

Add your own answers!

Ask a Question