2011-11-14 54 views
1

使用jQuery Mobile创建phonegap应用程序。一切工作都非常好,接受持久性页眉和页脚栏。点击或滚动时消失。他们的位置也很常见。我很想弄清楚如何解决这个问题。让我知道是否有任何代码可以粘贴。PhoneGap,jQuery Mobile页眉/页脚问题

另外,有什么具体的CSS我需要做的?我已经尝试过使用:$ .fixedToolbars.setTouchToggleEnabled(false); $ .fixedToolbars.setTouchToggleEnabled(false); $ .fixedToolbars.setTouchToggleEnabled(false); $ .fixedToolbars.setTouchToggleEnabled(false);没有成功。我应该放置一个特定的地方吗?

任何帮助,非常感谢。

回答

2

您可以使用iScroll JavaScript插件,它将使您的页眉和页脚具有固定位置,并且您的内部div标签将可滚动。 你可以在这里找到iScroll lib- http://cubiq.org/iscroll

你也可以考虑一下JQTouch lib(http://jqtouch.com/),它们都准备好了一些很好的css。

,如果你想使用JQTouch和iScroll在一起,你可以找到有用的代码这里 - https://github.com/DataZombies/jQTouch

演示 - http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui

感谢,
MAYUR

+0

雅,这将工作正常 – ghostCoder

+0

在iOS 5中,您可以使用position:fixed;在页眉和页脚! – zyrex

+0

不使用其他插件,如iScroll,我无法修复它。我从PhoneGap切换到Titanium Mobile。好多了! – Chris

1

你可以把这个代码的文档中准备就绪并且在点击和滚动时将禁用消失

$("[data-role=header]").fixedtoolbar({ tapToggle: false }); 
$("[data-role=footer]").fixedtoolbar({ tapToggle: false }); 

祝你好运