首页 > 移动平台 > 详细

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

时间:2019-05-08 20:04:58      阅读:271      评论:0      收藏:0      [点我收藏+]

环境: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键盘收起后,页面底部留白处理

原文:https://www.cnblogs.com/evanc/p/10833773.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!