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手机的一个bug。

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

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

于 2013-11-01T14:46:23.770 回答