- 小程序安卓webview,软键盘遮挡页面
安卓客户端中的小程序使用了webview打开H5页面,在input获取焦点,呼出软键盘时,webview高度没有变化,造成软键盘遮挡了页面下半部分的input输入框 注意:首次加载的小程序没有这个问题,但是当第二次进入时,会出现这个问题。然后把小程序删掉,再次重新加载小程序,又是好的,但第二次进入,问题又会出现 ps:本人估计造成这个bug的具体原因是:https://www.jianshu.com/p/306482e17080
2018-08-14 - 安卓webview里面H5聊天页面底部输入框被小键盘挡住
小程序webview代码: [代码]<block wx:[代码][代码]if[代码][代码]=[代码][代码]'{{canHtml}}'[代码][代码]> [代码][代码] [代码][代码]<web-view src=[代码][代码]'{{src}}'[代码] [代码]wx:[代码][代码]if[代码][代码]=[代码][代码]'{{src}}'[代码] [代码]bindmessage=[代码][代码]'message'[代码][代码]></web-view>[代码][代码]</block>[代码] h5代码: [代码]<[代码][代码]ul[代码] [代码]class[代码][代码]=[代码][代码]"send-line border_t"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]li[代码] [代码]class[代码][代码]=[代码][代码]"actionBtn"[代码][代码]>[代码][代码]<[代码][代码]span[代码][代码]></[代码][代码]span[代码][代码]>[代码][代码]</[代码][代码]li[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]li[代码] [代码]class[代码][代码]=[代码][代码]"inputFeild"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]textarea[代码] [代码]id[代码][代码]=[代码][代码]"content"[代码] [代码]maxlenth[代码][代码]=[代码][代码]"2000"[代码] [代码]placeholder[代码][代码]=[代码][代码]""[代码] [代码]style[代码][代码]=[代码][代码]"padding-left: 8px;"[代码] [代码]class[代码][代码]=[代码][代码]"important"[代码][代码]></[代码][代码]textarea[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]id[代码][代码]=[代码][代码]"btnSend"[代码][代码]>发送</[代码][代码]button[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]li[代码][代码]>[代码][代码]</[代码][代码]ul[代码][代码]>[代码] web-view 内嵌页面有一个底部的textarea输入框使用position: absolute; 微信浏览器里单独访问页面没有问题,但是在小程序里,安卓手机软键盘弹出后输入框被完全遮挡。 软键盘弹出的时候,在安卓手机的小程序webview中,包裹整个布局wrapper的高度没有变化,键盘是直接盖在页面上的。
2018-08-14