H 5がモバイル端末のソフトキーボードがイジェクトされたときに下部fixedの位置決めが押し上げられる問題を解決する

エンドページの下部メニューバーを移動します.通常fixedを使用して下部に配置されます.アンドロイドの携帯電話では、ソフトキーボードがポップアップされることがよくありますが、下部の位置が上になっており、vueとjQueryの2つの解決策が提供されています.
vue解決方法

// js   
data(){
  return {
    docmHeight: document.documentElement.clientHeight,  //      
    showHeight: document.documentElement.clientHeight,   //      
    hideshow:true,  //      footer
  }
},
mounted() {
  // window.onresize         
  window.onresize = ()=>{
    return(()=>{
      this.showHeight = document.body.clientHeight;
    })()
  }
},
//  
watch:{
  showHeight:function() {
    if(this.docmHeight > this.showHeight){
      this.hidshow=false
    }else{
      this.hidshow=true
    }
  }
}

js解决方案

var winHeight = $(window).height();  //        
$(window).resize(function () {
    var thisHeight = $(this).height();
    if ( winHeight - thisHeight > 140 ) {
        //    
        $('.footer').css('position','static');
    } else {
        //    
        $('.footer').css({'position':'fixed','bottom':'0'});
        
    }
})