3

マルチページの Jquerymobile 1.2 ファイルがあります。スクロールが必要なページに移動すると、フッターが固定されなくなり、最初のスクロールでジャンプします。指を離すと、フッターが元の位置に戻ります。この効果は、複数ページのドキュメント内の他のページでプロセスを繰り返し、その後スクロールしても発生しなくなりました。

フッターのコードは次のとおりです。これは、複数ページのドキュメント内のすべてのページに使用されます (いくつかの外部ファイルにもリンクしていることに注意してください)。

<div data-role="footer" class="nav-rp" data-theme="a" data-position="fixed" data-id="myfooter">
    <div data-role="navbar" class="nav-rp" >
        <ul>
            <li><a rel="external" href="index.html#index"  class="icon-index" data-icon="custom">Home</a></li>
            <li><a rel="external" href="index.html#route-1" class="icon-route" data-icon="custom">Route</a></li>
            <li><a rel="external" href="gallery.html" class="icon-gallery" data-icon="custom">Gallery</a></li>
            <li><a href="businesses.html" rel="external" class="icon-business" data-icon="custom">Business</a></li>
        </ul>
    </div>
</div>

任意のガイダンスをいただければ幸いです。

4

3 に答える 3

6

問題を修正したと思います - 上部のメタ ビューポート タグに関連していました。height=device-height を含めましたが、うまくいったようです。

于 2012-11-09T17:15:45.577 に答える
1

これを修正するための興味深いトリックがあります

$('body').animate({scrollTop: window.screen.availHeight}, 1, function(){
        $('body').animate({scrollTop: "0px"}, 1);
    })

固定要素を使用して iOS で完全に動作する

于 2012-12-19T15:44:44.483 に答える