JQuery Mobile скрыть фиксированный нижний колонтитул, когда клавиатура

На моем iPhone я хочу, чтобы нижний колонтитул был скрыт при нажатии текстового поля и появлении клавиатуры. Прямо сейчас он просто располагается над клавиатурой, и слишком мало веб-сайта отображается.

<div data-role="footer" data-id="foo1" data-position="fixed">
 <div data-role="navbar">
  <div data-role="controlgroup" data-type="vertical">
   <ul><li><input data-iconpos="top" data-icon='plus' type="button" value="Tur" id='nyTur' /></li>
       <li><input data-iconpos="top" data-icon='plus' type="button" value="48%" id='ny48' /></li>
       <li><input data-iconpos="top" data-icon='plus' type="button" value="100%" id='ny100' /></li>
   </ul>
  </div>
 </div><!-- /navbar -->
</div><!-- /footer -->

Ответы на вопрос(6)

Ваш ответ на вопрос