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

Question

使用 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>

我做错什么了？

Answer 1

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

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

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

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