wechat 微信webView 文本输入

来源：互联网发布：辛德勒的名单影评知乎编辑：程序博客网时间：2024/06/05 16:35

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

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

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

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

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

div的样式如下

如有不明，请qq+707359953面基

0 0