小程序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的高度没有变化,键盘是直接盖在页面上的。
你好,可以参考以下帖子:
小程序内嵌网页,input position:fixed键盘挡住输入框
https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000222d83acb60765b2750eaa5b800&highline=%E8%BE%93%E5%85%A5%E6%A1%86%E8%A2%AB%E5%B0%8F%E9%94%AE%E7%9B%98%E6%8C%A1%E4%BD%8F