android - 固定页眉和页脚在 JqueryMobile 中不起作用

Question

我正在为 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。
版权所有。

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

Answer 1

您是否禁用了视口缩放？这是 Android 中最常见的问题之一，导致 position:fixed 不起作用......例如

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

还可以查看这篇关于 android HTML5 滚动问题的优秀但已有 8 年历史的帖子： https ://bradfrost.com/blog/mobile/fixed-position/

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