小编Osc*_*car的帖子

在关注输入时,iOS中忽略了固定/绝对定位

我正在使用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/.但是,它似乎对我不起作用.

javascript css safari ios cordova

6
推荐指数
1
解决办法
1889
查看次数

当键盘启动iOS 7时,不会捕获表单提交按钮事件

我正在使用针对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次点击后不会触发事件.

javascript ios cordova

6
推荐指数
1
解决办法
4055
查看次数

标签 统计

cordova ×2

ios ×2

javascript ×2

css ×1

safari ×1