0

JQuery Mobile と Fixed Navigation に関する別の問題があります。

現在、ヘッダーに固定ナビゲーションがあります。

<div data-role="header" data-position="fixed"> 
    <h1>Page Title</h1> 
    <div data-role="navbar">
        <ul>
            <li><a href="a.html" class="ui-btn-active ui-state-persist">One</a></li>
            <li><a href="b.html">Two</a></li>
        </ul>
   </div>
</div>

私の問題は、a.html がアクティブなページで、ページの一番下までスクロールして b.html のナビゲーション ボタンをクリックしたときに発生するようですが、再現が難しい場合があります。珍しい部分は、ページを下にスクロールしていないときに正しく動作しているように見えることです。

さらに、クリックはボタンの色を変更するCSSに登録されているようですが、「読み込み中」アイコンは表示されず、ページは読み込まれません。また、リンクをクリックすると (新しい色で示されているように既にアクティブになっています)、もう一度ページが読み込まれます。

これが正しく機能しない理由はありますか? T-Mobile Samsung Galaxy S2 でこれを試しています。Android 2.3搭載。Jquery モバイル 1.1.

4

1 に答える 1

2

この問題に関連している可能性はありますか:
scrollTop がプログラムで変更された後の固定配置ボタンのモバイル Safari バグ...?
および/または
モバイル Webkit リフローの問題 ですか?

これらのリンクに記載されている修正のバリエーションは、私にとってはうまくいきました。

試す：

<style>
.iosfix {
  height: 101%;
  width: 101%;
  overflow: hidden;
}
</style>

スクロールすると：

window.scrollTo(0, _NEW_SCROLLTOP_);
$('body').append($('<div></div>').addClass('iosfix'));
setTimeout(function() {
  $('.iosfix').remove();
}, 0);
于 2012-10-10T19:58:12.447 に答える