jquery移动持久导航栏页脚部分隐藏

Question

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

这是代码，这是在'content‘的关闭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，这将帮助您提升导航栏到正确的高度。