安卓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的高度没有变化,键盘是直接盖在页面上的。
