解决移动端安卓吊起软键盘页面元素堆积

方法一：
$(function(){  
        var u = navigator.userAgent;  
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端  
        var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端  
        if(isAndroid){  
           $('.input_box input').focus(function(){ //输入框获取焦点      
            $('.lay_login').css({'height':'150%','transform':'translateY(100%)'}); //让整个页面增高，并且往上移动
         });
         $('.input_box input').blur(function(){ //输入框失去焦点
            $('.lay_login').css({'height':'100%','transform':'translateY(0'});//页面回复原状
         });
         var winHeight= $(window).height();
          $(window).resize(function(){ //安卓软键盘的隐藏键无法用键值检测，但是当软键盘调出，页面高度发生变化，可以用resize检测页面变化
              var thisHeight=$(this).height();
              if(winHeight - thisHeight >50){

              }else{
                  $('.lay_login').css({'height':'100%','transform':'translateY(0'}); //软键盘隐藏，页面回复原状
                  $('.input_box input').blur();
              }
          });

        }else if(isiOS){  
//          alert("ios");  
        }
}); 
方法二：
　　给body里面的所有元素设置绝对定位（absolute）,top的值用rem

转载于:https://www.cnblogs.com/wyy-wdy/p/9272920.html