Question

我正在使用jQuery mobile和phonegap开发手机应用程序。我正在使用固定的页脚和标题。有时，键盘弹出后，页脚栏和键盘之间会出现一个空格。这个空间与背景颜色相同，所以我认为页脚因某种原因正在向上移动。该行为似乎不一致，因为它不会在所有页面上发生。

这是一段代码......这段代码对于所有页面都是相同的，但差距只在一页上。页面之间的唯一区别是我在页面上的字段数。

<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;">
        <a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left"
           style="margin-left: 10px; margin-top: 5px">Done</a>
        <a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext"
           style="float: right; margin-right: 10px; margin-top: 5px"></a>
</div>

Answer 1

我遇到了类似的问题，当键盘弹出时，页脚向上移动。所以我用我的页脚添加内联样式。这对我有用。

<div data-role="footer" data-position="fixed" style="position:absolute">

- ＆GT; “style =”position：absolute“”

我添加到我的页脚标签中的那个小部分......并且完美无缺。我希望能为你效劳。

Answer 2

您应该考虑更改为Jquery mobile 1.1.0及其真正的固定工具栏。 Read the announcement。它支持大多数使用中的设备和最干净的解决方案：

关于这种方法最酷的部分是，与基于JS的解决方案不同，它在所有平台上强加了不自然的滚动物理，我们的滚动感觉100％原生，因为它是。这意味着滚动感觉无处不在，适用于触摸，鼠标滚轮和键盘用户输入。

jQuery移动页脚并不总是在屏幕的底部

2 个答案: