Html 在Trigger.io中打开iOS7软键盘时重新调整视口高度

在android中打开软键盘时，视口将自动调整大小以适应屏幕（设备高度-键盘高度）。在iOS7中，视口只是向上推（上半部分不显示）

虽然这可能是某些应用程序所需要的行为，但对我来说效果不好-顶部导航栏被隐藏，我的内容是可滚动的div-我希望用户能够一直向上滚动

当键盘打开/关闭时调整车身手册的大小会导致抖动行为

---

你知道怎么解决这个问题吗

我有完全相同的要求。解决方案是在显示键盘时降低身高和固定内容区域的移动。这是使用jQuery时代码的外观：

$(document).on("focus", "input, textarea", function() {
  $(‘html’).addClass("keyboard");

  setTimeout(function() {
    window.scrollTo(0,0);
    document.body.scrollTop = 0;
  }, 0);
});

$(document).on("blur", "input, textarea", function() {
  $(‘html’).removeClass("keyboard");
});

以及相应的CSS：

body {
  position: absolute;
  top: 0;
  bottom: 0;
}

.keyboard body {
  bottom: 240px; /* exemplarily value */
}

需要调整底部值以匹配iPhone纵向、iPhone横向、iPad纵向和iPad横向上的正确键盘高度

---

我已经有一段时间没有测试过这段代码了，所以也许你可以在不闪烁的情况下检查这段代码是否适合你？如果我没记错的话，我在Mobile Safari中有轻微的闪烁，但在本机WebView中运行良好。

谢谢！我试过这个。位每次键盘打开/关闭时，我都会听到闪烁的声音，这是非常不幸的。您可能需要编写本机模块来找到解决此问题的方法。查看一下这个PhoneGap插件上与收缩相关的所有方法可能也会有所帮助：所以我又尝试了一次-问题似乎是该死的你表单辅助。单独使用它们可以很好地工作，但如果将它们组合在一起，则无论执行哪一个，都会闪烁。