Blocking problem after the mobile terminal pulls up the keyboard

One , problem

Mobile , Click on input when , Some Android phones pull up the keyboard , It will cover up input.

Two , solve

//  Once the initialization is complete , You need to monitor the keyboard 
function keyWorld() {
    
  window.addEventListener('resize', () => {
    
    onFocusAddr();
  });
}
//  Determine whether it is Android or ios
function isAndroid() {
    
  let u = navigator.userAgent;
  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; // android Terminal or uc browser 
  return isAndroid === true;
}
//  Android keyboard block input 
function onFocusAddr() {
    
  if (!isAndroid()) return; //  Judge whether it is an Android machine 
  nextTick(() => {
    
    let inputDom = myInputRef.value.$el
      ? myInputRef.value.$el
      : myInputRef.value; //  Get root node 
    let boxScrollTop =
      document.body.scrollTop || document.documentElement.scrollTop;
    let inputRectObject = inputDom.getBoundingClientRect();
    let btnRectObject = myBtnRef.value.getBoundingClientRect();
    let distanse =
      inputRectObject.top + inputDom.offsetHeight - btnRectObject.top;
    if (distanse >= 0 && distanse < 120) {
    
      console.log(
        ' The difference between the two and the top of the window , Greater than zero is masked , It needs to slide up ',
        distanse * 2
      );
      window.scrollTo({
    
        top: boxScrollTop + distanse * 2,
        behavior: 'smooth'
      });
    }
  }); //  Delay time of keyboard pulling up 
}

That is, after the keyboard is pulled up , Judge input Will it be blocked , If it is blocked, control the scroll bar to slide to the position where it is not blocked .