だから私はしばらくの間壁に頭をぶつけてきました。PhonegapとjQueryMobileを使用してアプリを開発していますが、ページの1つに、ページの大部分を占めるリストが含まれています。ページの下部にナビゲーションバーがあります。常にではありませんが、スクロールすると、ナビゲーションバーがスクロールと一緒に移動し、ページの下部に留まらないことがあります。また、時々、ナビゲーションバーをクリックすると、スクロールの前に最初に表示されたページの上部にジャンプします。私はcordova2.4、JQM 1.2、およびAndroid4.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 -->