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)
  }

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

上一篇:Android开发者们,又准备跳槽了?


下一篇:线程——图片的移动、交替