1

私の質問は についてJQMです。現在、固定ヘッダーとフッターを含むモバイル アプリを開発しています。オンSafariですべて正常に動作しますが、またはでChrome (Mac)アプリを表示すると、最初の瞬間に固定ヘッダーとフッターが一番上に表示されません。スクロールして停止した後、ヘッダーとフッターは固定されたままになります。iPhoneiPad Safari

私の情報源:

<!DOCTYPE html>
<html>

    <head>
        <script src="phonegap.js"></script>
        <title>Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="stylesheet" href="jquery/jquery.mobile-1.2.0.min.css" />
        <link rel="stylesheet" href="jquery/jquery.mobile.theme-1.2.0.css" />
        <script src="jquery/jquery-1.8.2.min.js"></script>
        <script>
            $(document).bind("mobileinit", function() {
                $.mobile.page.prototype.options.addBackBtn = true;
            });
        </script>
        <script src="jquery/jquery.mobile-1.2.0.min.js"></script>
    </head>

    <body>
        <div data-role="page" id="master">
            <div data-role="header" data-position="fixed" class="header-custom">
                <img src="images/logo.png" style="height: 44px;"> <a href="index.html" data-icon="refresh" id="refreshButton" class="ui-btn-right" style="fmargin-top: 4px;" data-iconpos="notext">Aktualisieren</a>

            </div>
            <!-- /header -->
            <div data-role="content">
                <ul data-role="listview" id="rssListView"></ul>
            </div>
            <!-- /content -->
        </div>
        <!-- /page -->
    </body>

</html>

カスタム ヘッダー クラス:

/* Custom navbar */
.header-custom {
    height: 44px;
    background-image: url(images/header.png);
    background-size: cover;
}
4

1 に答える 1

1

解決しました。ヘッダーに要素を追加する<h1></h1>と正常に動作しますが、JQM がそのようなことを行う理由がわかりません。これは JQM のバグですか?

于 2013-01-10T08:57:05.370 に答える