cordova - Jquerymobile/Phonegap/iOS 页脚导航栏在第一次滚动时未修复

Question

我有一个多页 Jquerymobile 1.2 文件。当我导航到需要滚动的页面时，页脚不再固定，而是跳转到第一个滚动条上。当我松开手指时，页脚跳回原位。当我在多页文档中的任何其他页面上重复该过程并进行后续滚动时，这种效果不再发生。

这是页脚的代码 - 用于多页文档中的所有页面(请注意，它也链接到几个外部文件):

<div data-role="footer" class="nav-rp" data-theme="a" data-position="fixed" data-id="myfooter">
    <div data-role="navbar" class="nav-rp" >
        <ul>
            <li><a rel="external" href="index.html#index"  class="icon-index" data-icon="custom">Home</a></li>
            <li><a rel="external" href="index.html#route-1" class="icon-route" data-icon="custom">Route</a></li>
            <li><a rel="external" href="gallery.html" class="icon-gallery" data-icon="custom">Gallery</a></li>
            <li><a href="businesses.html" rel="external" class="icon-business" data-icon="custom">Business</a></li>
        </ul>
    </div>
</div>

如有任何指导，我们将不胜感激。

Answer 1

我想我已经解决了我的问题 - 它与顶部的元视口(viewport)标签有关。我添加了 height=device-height ，这似乎可以解决问题。