JQM页脚问题
这是做我的头。我有一个页脚与各种导航按钮,如下所示:
<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的移动1.4.2,所以我想知道是否有修复这一点。
注意:在键盘输入过程中,页脚不会停留在键盘上方,只是在键盘打开大约一秒钟后才会出现在键盘上方,然后消失。
编辑:我已经看到所有关于隐藏页脚的解决方案,当一个textarea的焦点等,但他们似乎都没有为我工作。
编辑:该设备是iPhone 4和iPad mini,不知道这些细节是必要的
编辑:在回应评论的人,我试图让一个jsfiddle重新创建问题,但我一直无法这样做。 这是iPhone 4上的问题:
对任何感兴趣的人,我终于找到答案。 这是通过我自己的错误,我没有在下面的代码中包含: 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"/>
链接地址: http://www.djcxy.com/p/78743.html
上一篇: JQM footer issue