Estoy creando una aplicación con Phonegap y tengo un encabezado que he fijado en la parte superior de la ventana gráfica.

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

Esto funciona como quiero, excepto cuando toco un campo de entrada y el teclado se desliza hacia arriba. Entonces el posicionamiento se descarta totalmente. El encabezado se desliza más arriba fuera de la vista visible. Regresa a su lugar después de cerrar el teclado nuevamente.

He leído que algunos navegadores móviles no se preocupan por la posición fija y absoluta para asegurarse de que una pantalla posiblemente pequeña no se cubra con un elemento fijo. ¿Es esto cierto?

¿Hay alguna forma de evitar esto?

Intenté establecer el encabezado en absoluto cuando se enfoca una entrada. Lo leí aquí,http://dansajin.com/2012/12/07/fix-position-fixed/. Sin embargo, no parece estar funcionando para mí.