jQuery мобильный нижний колонтитул не всегда внизу экрана

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

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

<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;"> 
     <a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left" 
      style="margin-left: 10px; margin-top: 5px">Done</a> 
     <a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext" 
      style="float: right; margin-right: 10px; margin-top: 5px"></a> 
</div>

источник

2012-05-03 Boyds

Вы должны рассмотреть возможность изменения JQuery mobile 1.1.0 и их реальных фиксированных панелей инструментов. Read the announcement. Его поддерживает большинство устройств в использовании и наиболее чистым раствор:

Самой крутая часть этого подхода является то, что, в отличие от JS-решений, которые налагают физику неестественного скроллинга на все платформы, наша скроллинг чувствует себя 100% родной, потому что это так. Это означает, что прокрутка кажется правильным везде, и работает с сенсорным, колесиком мыши и клавиатурой.

источник

2012-05-04 21:02:46

Спасибо за это. Мы используем версию 1.1.0. На стороне CSS возникла проблема, и я применил некоторые изменения, которые помогли решить проблему. – Boyds

Я использую версию 1.3, которая является последней установленной версией. Почему у меня такая же проблема? Должен ли я откатиться, чтобы использовать версию 1.1.0? –

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

<div data-role="footer" data-position="fixed" style="position:absolute">

-> "стиль = "позиция: абсолютная""

, что небольшая часть добавить к моему колонтитулу тегу ... и это работало отлично. Надеюсь, это сработает для вас.

источник

2014-02-18 12:18:01

Работал за то, что мне нужно. Спасибо, сейчас все приложение выглядит великолепно. –

jQuery мобильный нижний колонтитул не всегда внизу экрана

ответ

Смежные вопросы