Поле ввода веб-приложения iPhone в позиции: абсолютный контейнер - PullRequest
0 голосов
/ 10 ноября 2011

Я создал групповой чат для iPhone и его почти идеально. Он использует полный видовой экран, располагая различные элементы с помощью:

#message-input {
background: white;
clear: both;
position: absolute;
margin: 0;
width: 100%;
bottom: 0;
right: 0;
padding-right: 0;
}

, что делает его похожим на это:

enter image description here

Но когда клавиатура появляется, все смещается, и внизу появляется серая область:

enter image description here

Высота этой серой области - это высота строки состояния и высота консоли отладки вместе (без консоли отладки - только высота строки состояния).

Почему он вставляет эту серую область и как я могу избежать этого?

1 Ответ

2 голосов
/ 10 ноября 2011
#message-input:focus {
margin-bottom: -XXXpx;
}

Где XXX = высота проблемной серой области. Может быть быстрое решение для этого ...

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...