wechat 微信webView 文本输入

在最近开发微信webView 页面的时候,有一个需求是在微信webView中嵌入既定样式的输入框,收集用户输入信息。

不过对于IOS端输入框的定位有一些小的问题出现,非常影响效果。

原本的样式是fixed在页面最下面。所以是线上就是用了position的fixed定位。结果发现在安卓上体验很好,但是IOS上原生输入法会把输入框顶到屏幕中部偏上。查到了一些资料发现,IOS上原生输入法和三方输入法是不同的review页面。原生输入法是在页面底部将整个页面顶上去,然而第三方的输入法则是在页面最下面向上盖在页面上面。

所以这里就不能使用简单的fixed定位了。这里我采用的是absolute定位,关键步骤在下面:

图中插入的div是为了解决第三方输入法盖住页面的问题。

div的样式如下


如有不明,请qq+707359953面基

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值