解决ios手机点击输入框输入完成后底部出现白底的问题

夏微微～～

于 2020-04-02 12:17:20 发布

阅读量1.6k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/qq_44576005/article/details/105266771

版权

刚开始遇到问题想了想然后百度查了一下，加了下面这段代码

//防止背景图被手机键盘压缩变形
$(document).ready(function () { 
  $('body').css({'height':$(window).height()})
});
//当点击input出现手机键盘时，窗口大小改变，隐藏footer以防止footer被手机键盘顶上来
$(function(){
var oHeight = $(window).height(); //浏览器当前的高度
$(window).resize(function(){ //当浏览器窗口的大小改变时，发生 resize 事件。
   if($(window).height() < oHeight){
      $('.broadband-box').css({'height':'100%'})
   }else{
      $('.broadband-box').css({'height':$(window).height()})
  }
});
})

结果发现这样没有用，主要还是要让输入框输入完成后滚动条回到顶部
给input框添加失焦事件
在这里插入图片描述
然后就完美解决啦