JQM 页脚问题答案

【问题标题】：JQM footer issueJQM 页脚问题
【发布时间】：2014-04-28 13:31:22
【问题描述】：

这让我很头疼。我有一个带有各种导航按钮的页脚，如下所示：

<div data-role = "footer" data-position = "fixed" data-theme = "b" data-tap-toggle="false">
            <div data-role="navbar">
                <ul>
                    <li><a href= "example.html" rel="external" data-icon="home" data-iconpos = "notext"></a></li>
                    <li><a href="example2.html" rel="external" data-icon="info" data-iconpos = "notext"></a></li>
                    <li><a href="example3.html" rel="external" data-icon="gear" data-iconpos = "notext"></a></li>
                </ul>
            </div>
        </div>

在模拟器上，这一切都完美无缺。但是在设备上，当键盘打开时，页脚会在键盘上方停留片刻，然后又向下返回，有时会导致导航按钮上的点击错误。我正在使用 jquery mobile 1.4.2，所以我想知道是否有解决此问题的方法。

注意：在键盘输入期间，页脚不会停留在键盘上方，它只会在键盘打开大约一秒钟后出现在其上方，然后消失。

编辑：我已经看到了所有关于在 textarea 处于焦点时隐藏页脚等的解决方案，但它们似乎都不适合我。

编辑：该设备是 iPhone 4 和 iPad mini，不确定是否需要这些详细信息

编辑：为了回应评论的人，我试图制作一个 jsfiddle 来重新创建问题，但是我一直无法这样做。这是 iPhone 4 上的问题：

【问题讨论】：

你有我可以查看的演示吗？
我尝试在模拟器或浏览器上重新创建它，但它只发生在与此问题类似的设备上：forum.jquery.com/topic/… 除了页脚在一秒钟后移回
请在jsfiddle上做个demo，确认你测试过的设备有问题，然后我们看看。
我在iPhone 5上无法产生这个问题。应该有很多方法可以解决它，但由于我无法重现问题，我无法为您提供明确的解决方案。您能否在 iPhone 5 - Safari 或 Chrome 移动设备上确认此问题？
抱歉，我无法使用 iPhone 5。在这一点上，我会接受你可能有的任何想法。您确定您使用的是相同的 1.4.2 JQM 版本吗？

标签： jquery html jquery-mobile cordova

【解决方案1】：

对于任何感兴趣的人，我终于找到了答案。这是我自己的错误，我没有在下面的代码中包含：height = device-height。这在我的 HTML 的头部

<meta name="viewport" content="user-scalable = no, initial-scale = 1, maximum-scale = 1, minimum-scale=1, width = device-width, target-densitydpi = device-dpi height = device-height"/>

【讨论】：