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

Posted 2021-03-09 七月七月

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