解决

Question

几天前在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>

Answer 1

解决

显然是FF25 mobile中的一个错误。

如果我将div内容设置为高于屏幕高度的最小高度，则固定标题显示正常并且所有内容都正常放置。

在内容小于屏幕高度的页面上，固定标题在页面加载时消失，向上拉页脚和面板。

Jquery Mobile固定元素Firefox 25

1 个答案:

解决