移动端，弹出键盘时，输入框被遮住

Question

把一个前端页面放在手机上测试的时候，发现弹出键盘时候输入框会被键盘遮住。怎么实现弹出键盘时，屏幕向上滚动。求大神解答

Answer 1

方案1 :

给input绑定个focus事件，处理一下页面的scrollTop值

---

方案2 :

css 当输入框获得焦点, 改变位置

input:focus{
      position:fixed;
      top:50px;
}

---

参考:

• 移动端web页面使用position:fixed问题总结 · Issue #2 · maxzhang/maxzhang.github.com
  https://github.com/maxzhang/m...

Answer 2

input {cursor:pointer}

Answer 3

站内链接

Answer 4

IOS中应该不存在这个问题；
建议：检查设备是IOS 还是安卓，

 安卓情况下
 在输入框获取焦点时，让页面向上滚动一段距离
 

Answer 5

你的页面高度需要固定，高度百分比要改成一个定值，可以在输入结束后把它改回来，移动端的页面上移是自动的，前提是固定高度

Answer 6

楼上的方法不错之前用app的时候输入的时候会出现遮罩层然后输入框会到顶部，这个方案不错