jquery-mobile - 如何使用phonegap修复标题栏

Question

我正在使用 phonegap 开发一个 android 应用程序，我想修复一个标题栏以防止滚动。它看起来像是 facebook 应用程序顶部的 facebook 标题栏。

我该怎么做？

问候。

Answer 1

您可以通过在 jquery mobile 中使用固定工具栏来实现这一点。jquery mobile 文档页面中详细记录了如何实现这一点。这里是它的链接 - http://jquerymobile.com/demos/1.1.0/docs /toolbars/bars-fixed.html

请注意，JQM 中正确的“固定”工具栏支持仅限于以下浏览器

Browser support for fixed toolbars

iOS5 – iPhone and iPad
Android 2.2 and 2.3
Android 3.x tablets (Honeycomb)
Android 4.x (ICS)
Chrome for Android (beta)
BB Playbook 1-2
BB7
Nook Color/Tablet
Kindle Fire
Kindle 3
All modern desktop browsers (IE, Firefox, Safari, Chrome, etc.)

如JQM官方博客中所述 - http://jquerymobile.com/blog/2012/04/13/announcing-jquery-mobile-1-1-0/

Answer 2

如果我正确理解您的问题，您可以使用 JQM 的固定工具栏。

<div data-role="header" data-position="fixed">
    <h1>Fixed Header</h1>
</div>

这是一个简单的 jqm 页面来说明这一点。http://jsfiddle.net/codaniel/y7XAW/1/