安卓webview里面H5聊天页面底部输入框被小键盘挡住
发布于 6 年前 作者 taodu 11573 次浏览 来自 问答

小程

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

回到顶部