收藏
回答

安卓webview里面H5聊天页面底部输入框被小键盘挡住

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug webview 客户端 Android 6.7.1 2.1.1

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

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容