在最近开发微信webView 页面的时候,有一个需求是在微信webView中嵌入既定样式的输入框,收集用户输入信息。
不过对于IOS端输入框的定位有一些小的问题出现,非常影响效果。
原本的样式是fixed在页面最下面。所以是线上就是用了position的fixed定位。结果发现在安卓上体验很好,但是IOS上原生输入法会把输入框顶到屏幕中部偏上。查到了一些资料发现,IOS上原生输入法和三方输入法是不同的review页面。原生输入法是在页面底部将整个页面顶上去,然而第三方的输入法则是在页面最下面向上盖在页面上面。
所以这里就不能使用简单的fixed定位了。这里我采用的是absolute定位,关键步骤在下面:
上图中插入的div是为了解决第三方输入法盖住页面的问题。
div的样式如下
如有不明,请qq+707359953面基