关于H5前端，微信ios软键盘撑起页面下不来的解决方案

在微信中，点击输入框唤起ios软键盘，输入完成后在键盘撑起的地方会有一大块空白，有时候还会出现点击错位
下面是解决方案：

//input输入框弹起软键盘的解决方案。
var bfscrolltop = document.body.scrollTop;
$("input").focus(function () {
      document.body.scrollTop = document.body.scrollHeight;
      //console.log(document.body.scrollTop);
    }).blur(function () {
      document.body.scrollTop = bfscrolltop;
      //console.log(document.body.scrollTop);
    });
//select输入框弹起软键盘的解决方案。
    $("select").focus(function () {
      document.body.scrollTop = document.body.scrollHeight;
      //console.log(document.body.scrollTop);
    }).blur(function () {
      document.body.scrollTop = bfscrolltop;
      //console.log(document.body.scrollTop);
    });
//textarea输入框弹起软键盘的解决方案。
    $("textarea").focus(function () {
      document.body.scrollTop = document.body.scrollHeight;
      //console.log(document.body.scrollTop);
    }).blur(function () {
      document.body.scrollTop = bfscrolltop;
      //console.log(document.body.scrollTop);
    });
    

调用下边的方法：

//失焦之后页面滚动一下
temporaryRepair(){
var currentPosition,timer;
var speed=1;//页面滚动距离
timer=setInterval(function(){

 currentPosition=document.documentElement.scrollTop || document.body.scrollTop;
 currentPosition-=speed; 
 window.scrollTo(0,currentPosition);//页面向上滚动
 currentPosition+=speed; //speed变量
 window.scrollTo(0,currentPosition);//页面向下滚动
 clearInterval(timer);

},1);
}

————————————————
版权声明：本文为CSDN博主「Tonxiu」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43382386/article/details/96721118