问题解决,解决方法: 不使用 window.onresize 使用 document.body.addEventListener('focusin', () => { document.body.addEventListener('focusout', () => { 监听页面软键盘弹出,可用
小程序 web-view 加载 H5 类聊天页面,软键盘弹出后遮挡内容(部分安卓手机,如华为p30)描述:小程序 web-view 加载 H5 类聊天页面,软键盘弹出后遮挡输入框(仅小程序遮挡,公众号,浏览器均正常)。 通过js查看页面高度代码如下: this.clientHeight = document.documentElement.clientHeight || document.body.clientHeight 其正常显示手机弹出软键盘后该高度改变,非正常显示手机则不改变(页面会根据软键盘高度自动修正输入框位置,且输入框定位方法为 absolute) 机型:华为 nova 6;小米 6E;华为 p30(同样型号,同样系统版本,同样微信版本7.0.13,同样基础库版本2.11.0,一部显示正常,另一部显示异常) 页面:[图片] 正常显示手机:[图片] 异常显示手机:[图片](更换为和正常显示手机相同的输入法问题依然存在)
2020-04-17正在被类似问题折磨,您后来解决了吗?
小程序安卓webview,软键盘遮挡页面安卓客户端中的小程序使用了webview打开H5页面,在input获取焦点,呼出软键盘时,webview高度没有变化,造成软键盘遮挡了页面下半部分的input输入框 注意:首次加载的小程序没有这个问题,但是当第二次进入时,会出现这个问题。然后把小程序删掉,再次重新加载小程序,又是好的,但第二次进入,问题又会出现 ps:本人估计造成这个bug的具体原因是:https://www.jianshu.com/p/306482e17080
2020-04-15