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

小程

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

你好，可以参考以下帖子：