h5页面 在手机端软键盘弹出会顶起页面布局的解决方法

问题1：调出软键盘时，页面底部被顶起导致页面混乱；

<script type="text/javascript">
    window.onload = function () {
        var pageHeight= $(document).height();
        $(window).resize(function () { //ios软键盘弹出不会触发resize事件
            if ($(document).height() < pageHeight) {
                $(".footerContainer").css("position", "static");
            } else {
                $(".footerContainer").css("position", "fixed"); //adsolute或fixed，看你布局
            }
        });
    }
</script>

问题2：ios软键盘弹出，回收后页面下部空白

<script type="text/javascript">
    $('.input').on('focusout', function (e) {
	    setTimeout(() => {
	      window.scrollTo(0, 0)
	    }, 20)
	  });
</script>