JQueryMobile Fading NavBar

Question

Кто-нибудь знает, как предотвратить появление и исчезновение фиксированной навигационной панели при каждой прокрутке. Я использую jquerymobile 1.0.1 со следующим кодом, но я не могу понять, как исчезает и исчезает панель навигации:

<div data-role="footer" data-id="foo1" data-position="fixed">
    <div data-role="navbar">
        <ul>
            <li><a href="footer-persist-a.html" class="ui-btn-active ui-state-persist">Friends</a></li>
            <li><a href="footer-persist-b.html">Albums</a></li>
            <li><a href="footer-persist-c.html">Emails</a></li>
            <li><a href="footer-persist-d.html">Emails</a></li>
            <li><a href="footer-persist-e.html">Emails</a></li>

        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

Я не просто хочу исправить "тумблер". Я бы хотел, чтобы он оставался видимым на 100% в 100% случаев. Мысли? * * 1004

Answer 1

Хорошо для JQM 1.1 вы фактически устанавливаете data-tap-toggle = "false" в нижнем колонтитуле.

<div data-role="footer" data-position="fixed" data-tap-toggle="false">
...
</div>

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

$(document).on('pageinit','[data-role=page]', function(){
    $('[data-position=fixed]').fixedtoolbar({ tapToggle:false });
});

Таким образом, мне не нужно постоянно вводить data-tap-toggle = "false".

Тогда, если вы используете JQM 1.0.1, сделайте:

$('[data-role=page]').live('pageinit', function(){
    $.mobile.fixedToolbars.setTouchToggleEnabled(false);
});

Answer 2

Это распространенная жалоба среди пользователей JQM 1.0.x.Их разработчики переключили динамически позиционируемое поведение, на которое вы ссылаетесь в своем последнем выпуске.Начиная с JQM 1.1 они используют настоящие фиксированные панели инструментов, которые не выцветают.Стабильная версия JQM должна быть выпущена в ближайшее время.До этого вы могли использовать версию 1.1-rc1

. В старых версиях JQM есть одно решение, но оно работает только в ios 5:

$(document).bind("mobileinit", function(){
  $.mobile.touchOverflowEnabled = true ;
});

Answer 3

Вы можете добавить атрибут data-tap-toggle="true" к элементу data-role="footer", чтобы отключить функцию плавного перехода:

tapToggle логический

по умолчанию: true

Включение или отключение возможности пользователя переключать видимость панели инструментов с помощью прикосновение к экрану (или щелчок для пользователей мыши). Эта опция также предоставляется как атрибут данных: data-tap-toggle = "" true ""

$ ("[data-role = header]"). Fixedtoolbar ({tapToggle: true}); Примечание: это поведение ранее настраивалось следующим образом, но начиная с версии 1.1 этот синтаксис больше не поддерживается:

$. Mobile.fixedToolbars .setTouchToggleEnabled (false);

Источник: http://jquerymobile.com/demos/1.1.0-rc.1/docs/toolbars/bars-fixed-options.html

Это должно сделать вашу панель инструментов постоянно включенной.