输入框微信小程序覆盖了ios弹出框

在开发微信公众号功能时，页面底部一般会声明一些公司的版权之类的。但是如果用户需要在页面输入内容时，底部会漂浮在输入法的上面，甚至有的时候不是紧贴着输入法，而是有一小段间距。既影响用户输入又影响页面美观。截图是出现问题的页面： 

   

  解决问题的方案是，将如下的js放入出现此问题的页面中。js源码如下：
    //解决输入被遮挡问题
        window.onresize = function() {
            var top = $("#footer").offset().top;
            var user_message_box = $('#footer');
            top > 400 ? user_message_box.hide() : user_message_box.show();
        };


#footer是底部div的id值. 经过多次测试，发现无论屏幕大小或系统（android或ios）如何，此js都可以解决遮挡底部输入框的问题. 并且经过多次测试，发现400的高度在手机上是合适的值. 下图是解决后的效果图（当输入的头发弹起时，底部的语句消失，而输入法消失时底部自动出现）:



1. 有人会说底部div是否固定，但不是固定的. 底部由css固定，但是在电话上，如果调用了输入法，则会出现底部. 最初怀疑屏幕尺寸是整个屏幕的高度减去输入法框所占据的高度.

2. 有人可能会说为什么不删除底部声明信息？卸下底部会使页面变秃，主要原因是领导者不同意卸下底部！因此必须解决.
$（“#footer”）. offset（）. top;值:
					

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-312996-1.html