0

我正在使用 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>
4

2 回答 2

1

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

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

--> " style = "position:absolute" "

我添加到页脚标签中的那一小部分……效果很好。我希望这对你有用。

于 2014-02-18T12:18:01.713 回答
0

您应该考虑更改为 Jquery mobile 1.1.0 及其真正的固定工具栏。阅读公告。大多数在用设备和最干净的解决方案都支持它：

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

于 2012-05-04T21:02:46.897 回答