美文网首页
ios12及以上版本键盘弹出将页面顶起,收起键盘页面卡住问题

ios12及以上版本键盘弹出将页面顶起,收起键盘页面卡住问题

作者: 懿小诺 | 来源:发表于2020-07-07 10:42 被阅读0次

以前常用解决方法为失去焦点时,使用下面方法将滚轮滚到最顶部

window.scrollTo(0,0);

但是对于页面是滚动页面,输入框在页面下方的页面很不友好,输入完失去焦点后,页面就会滚动到顶部,还需拖拉到地步才可以点击输入框下的按钮

因此,这边有个方法:思路是在失去焦点后,将页面上下滑动一下下,代码如下:

 onBlur(){
      / / 判断是ios
      if (this.$utils.isKyAppIos()) {
        var currentPosition,timer;
        var speed=1;
        timer = setInterval(function(){
          currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
          currentPosition -= speed;
          window.scrollTo(0,currentPosition);//页面向上滚动
          currentPosition += speed;
          window.scrollTo(0,currentPosition);//页面向下滚动
          clearInterval(timer);
        },100);
        // window.scrollTo(0,0);
      }
    }

相关文章

网友评论

      本文标题:ios12及以上版本键盘弹出将页面顶起,收起键盘页面卡住问题

      本文链接:https://www.haomeiwen.com/subject/taqaqktx.html