1

所以我一直在用头撞墙一段时间。我正在使用 Phonegap 和 jQuery Mobile 开发一个应用程序，其中一个页面涉及一个占据大部分页面的列表。在页面底部我有一个导航栏。有时，但并非总是如此，当我滚动时，导航栏会随着滚动而移动，并且不会停留在页面底部。此外，当我单击导航栏时，它会时不时地跳到页面顶部，它在滚动之前首次出现。我正在使用科尔多瓦 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 -->

4

0 回答 0