IOS键盘收起后，页面底部留白处理

环境：vue+vant 的H5页面

 

场景：输入框输入信息时，如登录、注册等表单信息

 

问题：键盘收回后页面底部留白，导致dialog组件按钮位移，视觉上，其中的按钮无法正常工作

 

解决方案：监听失去焦点时，让页面滚动到顶部

　　HTML：添加失去焦点事件钩子

　　　　<input class="input" placeholder="输入手机号" max="11" min="11" maxlength="11" v-model="mobile" @blur="blurIn"/>

 

　　JS：添加失去焦点事件方法

　　blurIn() {

　　　　window.scroll(0, 0)

　　}

转载于:https://www.cnblogs.com/evanc/p/10833773.html