Question

所以我现在已经把头撞到了墙上一段时间了。我正在使用Phonegap和jQuery Mobile开发一个应用程序，其中一个页面涉及占据大部分页面的列表。在页面底部我有一个导航栏。有时候，但并非总是如此，当我滚动时，导航栏会随着滚动而移动而不会停留在页面的底部。此外，当我点击导航栏时，它会不时跳到页面顶部，它首先出现在滚动之前。我使用的是cordova 2.4，JQM 1.2和Android 4.0.3。当我在iOS设备上测试时，不会出现此问题。

这是html（列表中没有任何内容，因为当用户进入房间时它会动态填充）：

<div class="body profile" data-role="page" id="patientprofile" data-theme="a"><!-- this serves as the template for a patient profile page -->

<!-- patient's name displayed here -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
    <h1 id=patientnamespace>Name</h1>
</div><!-- /header -->

<div data-role="content">

    <ul id="patientstatuslist" style="padding-bottom:35px"><!-- this list contains the patient's status updates; by default empty -->

    </ul>
</div><!-- /content -->

<div data-role="footer" data-position="fixed" data-theme="a"><!-- navbar that handles transitions to other pages -->
    <div data-role="navbar">
        <ul>
            <li><a href="#patientlist" id="listbutton">List</a></li><!-- goes to the patient list screen -->
            <li><a href="#newmessagedialog" data-rel="dialog" data-transition="pop">Message</a></li><!-- opens the new message dialog -->
            <li><a href="#profilesettings">Profile</a></li><!-- goes to profile settings screen -->
            <li><a href="#notificationsettings">Alert</a></li><!-- goes to notification settings screen -->
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

Android上的JQuery Mobile导航栏滚动问题

0 个答案: