Я создаю приложение с PhoneGap, и у меня есть заголовок, который я закрепил в верхней части области просмотра.

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  background-color: red;
  z-index: 100;
}

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

Я читал, что некоторые мобильные браузеры не заботятся о фиксированном и абсолютном позиционировании, чтобы гарантировать, что возможно маленький экран не будет покрыт фиксированным элементом. Это правда?

Это можно обойти?

Я попытался установить заголовок на абсолютный, когда фокус ввода. Я читал об этом здесь,http://dansajin.com/2012/12/07/fix-position-fixed/, Тем не менее, это не похоже на работу для меня.