如何制作Header&页脚固定所有时间?

时间:2012-12-26 08:49:29

标签: javascript ios css3 cordova jquery-mobile

我想制作标题&页脚在iOS下的Phone Gap Application中固定 我使用jQuery Mobile,但是当打开键盘或选择菜单(任何原生)时,标题&页脚变得不固定也禁用切换, 此外,当打开原生物(键盘或选择)时,simpledialog2的位置不再居中。

这是标题和广告的HTML代码。页脚

<div id="PageHeader" data-role="header" data-theme="f" data-position="fixed"></div>
<div id="PageFooter" data-role="footer" data-theme="f" data-position="fixed"></div>

此代码JS用于禁用在文档就绪中切换

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

如果有人有这个问题&amp;试图解决它,请告诉我。

最诚挚的问候。

1 个答案:

答案 0 :(得分:2)

如果你使用的是position:fixed,你可能会发现有些东西是你无法克服的。在手机的旧时代,位置:固定甚至不是一个选项,因为他们害怕固定元素会掩盖小屏幕上的其他UI元素并使东西无法访问。当然,这是一个愚蠢的想法,每个人都抱怨缺乏立场:固定。仅在最近几年才有手机和其他移动设备开始支持位置:固定。 iOS实际上拥有最好的支持,但直到iOS 5才到达。

如果有一个特殊条件,比如你所描述的没有解决方法,我不会感到惊讶。