关于使用微信浏览网页打开键盘会把网页顶上去，是弹窗无法相应的问题解决

Posted 2022-05-17 zzc666

微信ios 6.7.4 键盘弹起页面上滑，键盘收起页面不会回到原位置，导致弹框(css设置position为fixed会有问题，absolute不会有问题)后按钮响应区域错位。

微信打开网页，<input /> <textarea/>获取焦点或者<select></select>标签获取焦点弹起键盘时页面被顶起，点击确定页面没有回到原先的位置，导致视图和触控区域错位

 解决方案一：
　在点击按钮那里加下面其中一个即可解决：

    //滚动到顶部
    window.scrollTo(0, 0);(本人使用点击事件，点击方法触发此方法，可用没问题！)
    //滚动到底部
    window.scrollTo(0, document.documentElement.clientHeight);
 解决方案二：

　在input失去焦点的时候 用代码控制页面滑动一下：
    document.body.scrollTop = 0;

测试：

    $("input").blur(function () 
       $("html,body").animate(scrollTop:    document.documentElement.clientHeight,500);
    );