如何使用phonegap修复标题栏

Question

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

我该怎么做？

问候。

Answer 1

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

请注意正确的＆＃34;固定＆＃34; 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/