HTML5:当键盘出现时,iOS屏幕会向上滚动

时间:2014-10-14 09:00:43

标签: ios css html5 keyboard scroll

假设您已经拥有一个带有嵌入式Web视图的Xcode应用程序,可以显示一个简单的HTML5页面。 此页面有标题和输入标记以及导航顶部栏(位置:固定;顶部:0;)。

当用户第一次点击它时,当我点击确定按钮时,整个屏幕向上滚动以启用键盘,同时保持输入标签可见。

我面临的问题是我的HTML没有相同的恢复(我的意思是,它向下滚动,但我的顶部栏移动到屏幕顶部边缘下方大约10个像素。

但是当我点击键盘隐藏按钮时,滚动条会恢复我的初始视图,没有问题。

之前有人遇到过这个问题吗?有关正在发生的事情或解决方法的任何线索?

Ps:问题出现在iOS 7(7.1.2)上。我没有在iOS 8上测试,因为我的应用必须支持iOS 7。

1 个答案:

答案 0 :(得分:0)

我最终通过将输入应用于blur()来添加显式键盘,如下所示:

<input ng-change="$(this).blur()">

这会立即使键盘消失,而hw初始滚动则反转。