javascript - 怎么解决苹果5中input获取焦点，软键盘遮挡input的问题

Question

现在遇到一个问题就是wap页面在苹果5手机上获取焦点的时候会出现遮挡输入框的问题，怎么解决呀？

Answer 1

其实@三月懒驴 就是解决方法，也可参考weui demo中的。。。

Answer 2

为什么会挡住呢？个人猜测，你用了百分比来写定位～如果要用百分比来写的话，最外层的html height不要写100%，用JS把页面高度赋予它就好了

Answer 3

这个是由于position：fixed的原因导致的。解决方案：在获取焦点时用relative换掉fixed

Answer 4

@码疯 大家不用fixed写吧。可以判断点击时输入框上移也是一种解决办法。