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

所以我的头撞在墙上已经有一段时间了。我正在使用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 -->