javascript - 如何使页眉和页脚始终固定？

Question

我想在 iOS 下的 Phone Gap 应用程序中始终固定页眉和页脚我使用 jQuery Mobile，但是当打开键盘或选择菜单(任何 native )时，页眉和页脚变得不固定，我也禁用切换，此外，当打开本地事物(键盘或选择)时，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 });

如果有人有这个问题并试图解决它，请告诉我方法。

最好的问候。

Answer 1

如果您使用 position: fixed，您可能会发现有些事情是您无法克服的。在过去的手机时代，position: fixed 甚至不是一个选项，因为他们担心固定元素会覆盖小屏幕上的其他 UI 元素并使内容无法访问。当然，这是一个愚蠢的想法，每个人都提示没有位置:固定。直到最近几年，手机和其他移动设备才开始支持定位:固定。 iOS 实际上拥有最好的支持，但直到 iOS 5 才出现。

如果出现像您描述的那样无法解决的特殊情况，我不会感到惊讶。