随笔- 26 文章- 5 评论- 1 阅读- 40340

vue中解决安卓系统软键盘出现输入框被覆盖问题

function scrollToEnd(){
    document.body.scrollTop = document.body.scrollHeight;
  }
  var interval;
function scrollToEnd(){
    console.log(document.body.scrollTop,document.body.scrollHeight)
    document.body.scrollTop = document.body.scrollHeight;
}
  var interval;
   
   
  if (isAndroid) {
    //这个是安卓操作系统
        $('.showkeyboad').focus(function(){
     
             var target = this;
            setTimeout(function(){
                target.scrollIntoViewIfNeeded();
            },400);
             
            clearInterval(interval);
        })
        $('.showkeyboad').blur(function() {
            interval = setInterval(function() {
                scrollToEnd();
            }, 500);
        });
    }else{
         $("input,textarea").on("blur",function(){
                    setTimeout(function(){
                        window.scrollTo(0,0);
                    },100)
                }).on('focus',function(){
                    var clientHeight = document.documentElement.clientHeight ||document.body.clientHeight;
                    var offsetTop = $(this).offset().top - (clientHeight / 4);
                    setTimeout(function(){
                        window.scrollTo(0,offsetTop);
                    },100)
                })
    },
    destroyed(){//销毁
      clearInterval(interval)
    },