固定頁眉和頁腳在 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 部分，看看這是否有幫助..