我正在使用Phonegap构建一个应用程序,我有一个标题,我已将其固定到视口顶部.
header {
position: fixed;
top: 0;
width: 100%;
height: 30px;
background-color: red;
z-index: 100;
}
Run Code Online (Sandbox Code Playgroud)
这是我想要的,除非我点击输入字段并且键盘向上滑动.然后完全放弃定位.标题在可见视图之外向上滑动.它再次关闭键盘后返回原位.
我已经读过一些移动浏览器不关心定位固定和绝对定位,以确保可能的小屏幕没有被固定元素覆盖.这是真的?
有没有解决的办法?
我已经尝试在输入聚焦时将标题设置为绝对.我在这里读到了它,http://dansajin.com/2012/12/07/fix-position-fixed/.但是,它似乎对我不起作用.
我正在使用针对iOS的cordova构建一个Web应用程序.我有这个表格
<form id="formID">
<div class="row">
<input type="text" name="something1" placeholder="something1" class="form-control" required maxlength="26" />
</div>
<div class="row">
<input type="text" name="something2" placeholder="something2" class="form-control" pattern=".{6,6}" required />
</div>
<div class="row">
<input type="submit" value="Submit" class="button btn-primary" />
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
在我的javascript中,我有一个提交事件的监听器.
我的问题是,当键盘在iOS中显示时,单击提交按钮并不总是触发提交事件.有些时候它会在前两次工作,但之后会停止工作.以前遇到过这种情况的人?
现在你可能需要先点击键盘上的"完成"(让它消失),然后使用提交按钮.或者,单击提交按钮,键盘显示将使键盘隐藏,然后再次单击提交.
有任何想法吗?
编辑
它在iOS 6上运行正常,但在iOS 7上,提交按钮在前2次点击后不会触发事件.