ios - JQueryMobile褪色导航栏

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％可见。有什么想法吗？

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);
});