解决移动端 footer fixd 定位被键盘顶起来的方案

Posted 面朝阳光/

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决移动端 footer fixd 定位被键盘顶起来的方案相关的知识,希望对你有一定的参考价值。

 

直接上代码:

$(document).ready(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终端
  var h=$(window).height(); //获取窗口高度
  $(window).resize(function() {     //检测窗口高度变化
  if($(window).height()<h){    //判断
    $(‘#footer‘).hide();
  }
  if($(window).height()>=h){
    if(isAndroid){
    $(‘#footer‘).show();
    $("input").blur();
  }else if(isiOS){

    $(‘#footer‘).show();
  }
}

});
});

以上是关于解决移动端 footer fixd 定位被键盘顶起来的方案的主要内容,如果未能解决你的问题,请参考以下文章

Vue移动端点击输入框,弹出键盘,底部被顶起的问题

Vue移动端点击输入框,弹出键盘,底部被顶起的问题

h5移动端常见虚拟键盘顶起底部导航栏解决办法

移动端键盘顶起遮挡输入框

移动端 fixed 固定按钮在屏幕下方,然后按钮被键盘顶上来...顶上来了有没有~

移动端IOS H5(VUE)界面被键盘顶起,键盘收起后无法恢复正常