第一次滚动时,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

认为我已修复了我的问题 - 它与顶部的元视口标记有关.我包括height =设备高度,这似乎是诀窍.