javascript - 移动端手机输入法弹出后遮挡输入框怎么处理？

Question

头部尾部都是fixed定位,有一个弹出层,当用户点击登录时弹出层fixed在可视区域的中间,但是在input获得焦点时输入法遮挡了输入框，请问这种情况怎么处理?

Answer 1

1. 这是通病，改设计不要涉及fixed

2. 使用iscroll

3. 自己动态计算使用绝对定位

Answer 2

不算解决办法的办法，少用fixed定位，使用别的布局方式

Answer 3

还有一个折中的方案是 给input外面的box设置个padding-bottom 触发键盘的时候就不会遮住

Answer 4

通过JS显示隐藏
当input focus时，隐藏，bulr时，再显示。