jQuery для мобильных устройств с фиксированным заголовком в iPad

Question

Я создаю гибридное приложение для iOS с jQueryMobile. Мои верхние и нижние колонтитулы фиксируются в приложении. Поэтому изначально я пошел с data-position="fixed". Когда элемент формы получает фокус, iPad Клавиатура всплывает и выталкивает все выравнивание страницы так, что сфокусированное поле видимо.

При выходе из поля клавиатура iPad сползает вниз. Это оставляет мои заголовки в центре страницы.

Мои тщетные попытки:

1. Удалены data-position="fixed" включены все CSS (положение: фиксированный; верх: 0;) в моих стилях.

2. На размытия поле ввода впрыскиваемого позиционирования сценария

   $ ('вход'). Живут ('размытость', функция() {SetTimeout (функция() { $ ('# заголовок'). CSS ('положение', 'фиксированной');}, 150);

3. Поставлен порт зрения <meta> метки на функции размытия

Приглашение Исправления:

.

iPad bottom:0px issue

https://github.com/jquery/jquery-mobile/issues/5532

Приглашая ваши ценные предложения или обходные ..

Answer 1

скроллинг всю страницу по 2px на выходе поля ввода решает мою проблему. Однако это дает немного мерцающего эффекта.

$('input').live('blur',function(){ 
     setTimeout(function(){ 
      var pos = $('body').scrollTop(); 
      $('body').scrollTop(pos+'2'); 
     },10); 
    });