javascript – ios7键盘,当它打开收缩web应用程序

前端之家收集整理的这篇文章主要介绍了javascript – ios7键盘,当它打开收缩web应用程序前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个iPad的网络应用程序.该应用程序使用iPad键盘,打开键盘之前将覆盖该应用程序,现在使用ios7,该应用程序在键盘出现后缩小到剩余的空间.

是否可以在JavaScript中进行更改,并保留旧的行为?

编辑:我刚刚注意到,如果我在safari上打开应用程序,它的工作原理就像以前一样,当我将应用程序添加到主屏幕时出现问题.

编辑:我几乎解决了这个问题,但是我也遇到了一些其他问题.

首先我将这个height = device-height添加到我使用的元标记中:

<Meta name = "viewport" content = "user-scalable=no,initial-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height">

但是我的应用程序的一小部分(iPad顶部的大小)将被隐藏在底部.所以我这样做:

$("#my_app").css("height",window.innerHeight);

当我再次打开应用程序是完美的.但是当我打开键盘时,它会向上移动,当我关闭键盘时不会下来.所以现在iPad的底部是一条黑线,应用程序有点隐藏在iPad的顶端吧.

有人可以帮忙吗?

解决方法

解决方案最终非常简单.

我再次删除了这个height = device-height,只剩下这个$(“#my_app”).css(“height”,window.innerHeight);每件事情都好了.

猜你在找的JavaScript相关文章