h5是uniapp的项目,场景是app项目中内嵌h5页面,IOS手机在点击输入框后,底部键盘弹出,页面整体上移。然后关闭键盘后,页面却无法下移,展示了一片空白。
在考虑解决方案的时候,尝试过以下几种方法:
1、根据uniapp官网的说明,设置页面中键盘的弹出方式。但是ios机并无效果,安卓机正常;
2、监听页面的尺寸变化,在变化时改变页面的高度。但是ios和安卓机并没有触发这个监听事件;
3、根据uniapp官网中input组件声明的键盘监听事件,结果也不会触发打印;
4、设置input的blur事件,在页面初始化的时候获取页面的高度,当收起键盘时,input输入框会触发失焦事件,所以在blur事件中执行 window.scrollTo(x,y) 方法,y是初始化时获取到的页面高度,这样在收起键盘后页面就不会卡住留下一个大空白了。这个目前测试看起来是没什么问题的,效果整挺好。