jQuery Mobile固定頁眉和頁腳在第一時間滾動。（Bug？）

我的問題是關於JQM。我目前正在開發一個移動應用程序，其中包括一個固定的頁眉和頁腳。在Safari和Chrome (Mac)一切工作正常，但是當我在iPhone或iPad Safari上查看應用程序時，固定的頁眉和頁腳不會在第一時間保持最佳狀態。滾動和停止後，頁眉和頁腳保持不變，正如他們應該的那樣。jQuery Mobile固定頁眉和頁腳在第一時間滾動。（Bug？）

我來源：

<!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; 
}

來源

2013-01-10 Lucè Brùlè

張貼的CSS和HTML不涉及您的問題。你可以plz發佈各自的代碼，CSS和JS？ – Jai

你的意思是哪一部分？其他的東西只是JQM的標準構造。我會更新我的帖子。 - >我爲此找到了一個「修復」，但我對此並不滿意。如果我滾動窗口1px，標題刷新和完美的作品。（文檔）$ .scrollTop（1）; –

解決它。如果我將<h1></h1>元素添加到我的頭文件中，它可以正常工作，但我不確定JQM爲什麼要這麼做。這是JQM中的錯誤嗎？

來源

2013-01-10 08:57:05

jQuery Mobile固定頁眉和頁腳在第一時間滾動。 （Bug？）

回答

相關問題

jQuery Mobile固定頁眉和頁腳在第一時間滾動。（Bug？）