固定标题&页脚不在JqueryMobile中工作

时间:2012-11-27 10:47:09

标签: android html5

我正在开发适用于Android的混合移动应用。我使用jquerymobile 1.2.0作为框架。我希望我的页眉和页脚固定,而主体段中的内容将垂直滚动,使用data-role =“listview”。

但问题是页眉和页脚也随身体滚动向上滚动。

                                  

                        
  • 我的笔记
  •                     
  • 我的查询
  •                     
  • 电子学习
  •                     
  • 分配
  •                     
  • 媒体
  •                     
  • 广播
  •                 
            
    

<div data-role="content">
    <ul data-role="listview" class="ui-listview">
        <li>
        <img src="images/noprofileimg.jpg" />
                    <h3>Indraneel Roy <small>says</small></h3>
        <p >Friday, October 8, 2010 <span class="ui-li-count">2</span></p>
        <p>@abir kab h freshears ???</p>
        </li>
    </ul>
</div><!--end of body container-->
        版权所有©公司名称2012-2013。
保留所有权利。

你能告诉我在哪里或我做错了什么

1 个答案:

答案 0 :(得分:2)

您是否禁用了视口缩放?它是Android中最常见的问题之一,它使得位置:固定不起作用......例如。

 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />

还查看关于android HTML5滚动问题的优秀文章: http://bradfrostweb.com/blog/mobile/fixed-position/

但首先将正确的视口元标记添加到html的head部分,看看这是否有帮助..