码迷,mamicode.com
首页 > 移动开发 > 详细

ios键盘消失后页面下方空白问题--vue

时间:2020-02-19 21:10:43      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:event   空白区域   标签   classname   method   scroll   put   --   code   

   ios系统微信版存在bug,input框获取焦点后键盘弹出,页面被顶起,但键盘消失时,页面没有回弹,下面存在空白区域

  1. 在input标签中添加事件 @focus="getFocus(‘className‘)"
  2. 在methods中添加方法,手动让页面滚回到原来位置
      getFocus (className) {
          // 一定要有第三个参数 true
          document.getElementsByClassName(className)[0].addEventListener("blur", this.autoScroll, true)
        },
        autoScroll () {
          window.scroll(0, 0);
        },

     

ios键盘消失后页面下方空白问题--vue

标签:event   空白区域   标签   classname   method   scroll   put   --   code   

原文地址:https://www.cnblogs.com/janet11/p/12332718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!