2

数日前に Android (Galaxy S4) で Firefox 25 に更新した後、jqm 1.3.2 の固定ヘッダーに問題が見つかりました。フッターとスライドパネルを引っ張って画面の上に配置されているようです。画面をタップすると、ヘッダーが正常に表示され、フッターが正常に配置され、もう一度タップすると再び消えます。

Androidの新しいFF25でそのような問題に気付いた人はいますか?

このシナリオが発生するソースは次のとおりです。問題に影響しないため、すべてのロードとカスタム css および js を削除しました。

FF25ですか、それとも私ですか??...

<!doctype html>
<html>
<head>
<meta charset="ISO-8859-15">
<meta name="google" content="notranslate">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

<title>TEST</title>

<link rel="stylesheet" href="jquery/jquery.mobile-1.3.2.min.css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">

<script src="jquery/jquery-1.10.2.min.js"></script>
<script src="jquery/jquery.mobile-1.3.2.min.js"></script>
<script src="plugins/autocomplete/jqm.autoComplete-1.5.2-min.js"></script>
<script src="plugins/touchswipe/jquery.touchSwipe.min.js"></script>

</head>
<body>

<div class="jqm-mypage" data-role="page" id="index" data-theme="c">

  <div data-role="header" data-position="fixed" class="jqm-header">
   <h1 class="jqm-logo">heading</h1>
    <a href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Menu</a>
  </div>


  <div data-role="content" class="jqm-content">

  <p>Content</p>


  </div>

  <div data-role="footer" data-theme="b" data-position="fixed">
   <h1>....</h1>
  </div>

  <div data-role="panel" class="jqm-nav-panel jqm-navmenu-panel" data-position="left" data-display="reveal" data-theme="c">
  <ul data-role="listview" data-theme="d" data-divider-theme="d" data-icon="false" data-global-nav="demos" class="jqm-list">
    <li data-role="list-divider">TEST</li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
  </ul>
  </div><!-- /panel -->

</div>

</body>
</html>
4

1 に答える 1

0

解決した

明らかにFF25モバイルのバグです。

画面の高さよりも高い最小の高さを div コンテンツに設定すると、固定ヘッダーが正常に表示され、すべてが正常に配置されます。

コンテンツが画面の高さよりも小さいページでは、ページの読み込み時に固定ヘッダーが消え、フッターとパネルが上に引っ張られます。

于 2013-11-01T14:46:23.770 に答える