jquery-mobile - jqueryモバイルの固定ヘッダー/フッターは上下に移動します

Question

jQuery Mobile を使用して Android アプリを完成させています。

マイページはstructucが標準

<div data-role="page" id="notification">

            <div data-role="header" data-position="fixed">               

                <img class="logo-ecosensors" src="img/logo-smart-bud-small.png">
                <h1></h1>
               <a href="#info" class="ui-btn ui-shadow ui-corner-all ui-btn-right ui-icon-back ui-btn-icon-notext">Back</a>
            </div><!-- /header -->
            <div class="msg-error"></div>
            <div class="title">
                <h2>Notification</h2>
            </div>
            <div role="content" class="ui-content">
            
                
                <ul id="notif" style="margin-top:10px;" data-role="listview" data-inset="false">
                    <li>Actuellement, il n'y a pas de notifications.</li>
                </ul>

            </div><!-- /content -->
                      
            <div data-role="footer" data-position="fixed">
                
            </div><!--
             /footer -->
        </div><!-- /page -->

フッターとヘッダーは固定する必要があります。これはうまくいきましたが、多くのコンテンツ (画面の上部) を含むいくつかのページを観察しました。どこかをクリックすると、足が非表示になります。実は非表示ではありませんが、画面下部に移動します。

ここで、中央をスクロールしてどこかをクリックすると、ヘッダーと下部が非表示になります。実際、非表示ではありませんが、ヘッダーが上に移動し、フッターがページの下に移動します。

最後に、ページの一番下までスクロールしてもう一度クリックします。フッターはそこにありますが、ヘッダーは一番上に移動します。

ヘッダーとフッターが画面の上部と下部にとどまらず、クリックするとページの下部または上部に移動するため、実際には固定されていません。

このような問題を回避する方法はありますか?