我正在开发适用于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。你能告诉我在哪里或我做错了什么
答案 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部分,看看这是否有帮助..