jquery mobile持久导航栏页脚部分隐藏答案

【问题标题】：jquery mobile persistent navbar footer partly hiddenjquery mobile持久导航栏页脚部分隐藏
【发布时间】：2013-05-02 20:19:01
【问题描述】：

使用 jquery mobile 1.3.1。在页脚内创建了一个持久的导航栏，工作正常，但导航栏只显示了一部分。大约一半的高度被隐藏了。

这是代码，这是在“内容”的结束 div 之后

<div data-role="footer" dat-id="foo1" data-position="fixed" >
    <div data-role="navbar" >
          <ul>
             <li><a href="#" data-icon="grid">page1</a></li>                                                
             <li><a href="#" data-icon="star">Page2</a></li>
        </ul>
    </div>
</div>

我做错了什么？

【问题讨论】：

您是否在此页面上使用了一些自定义 css？该示例在页面内使用时效果很好。你能发布整个页面的 HTML 吗？

标签： jquery-mobile persistent navbar

【解决方案1】：

我认为您的一些自定义 css 与导航栏 css 混淆了。除非您可以展示使用您的整个页面并且可能使用 css，否则我们无能为力。

如果您认为您的 css 不是导致此问题的原因，您可以随时使用此 css 修复您的导航栏位置：

.ui-navbar {
    margin-bottom: 30px !important;
}

使用任何以 px 为单位的大小，以帮助您提升导航栏以正确高度。

【讨论】：