移动端全键盘弹出遮挡input框

Question

移动端H5开发时，input获得焦点弹出软键盘会将input遮挡住，想要实现的效果是：像掘金APP的登录那样，软键盘弹出时将整个输入框那一块布局向上顶一段距离，而下面的第三方登录部分不变，有没有人做过这样的，求解决方法

Answer 1

个人的解决方案：IOS自动顶(但下部多余很多空白，你没遇到，所以略)安卓：focus的时候，给页面外层box绑定事件(addEvent...)，box设置定位，整体上移Yrem(上移尺寸最好是按input框距顶部距离，rem基本能适配正常手机，但部分手机宽高不成比例)同理，第三方登录也是focus时定位，然后设置距离顶部的距离blur的时候，remove刚刚设置的所有属性