微信IOS 6.7.4 键盘弹起页面上滑,键盘收起页面不会回到原位置,导致弹框(css设置position为fixed会有问题,absolute不会有问题)后按钮响应区域错位。
微信打开网页, 获取焦点或者标签获取焦点弹起键盘时页面被顶起,点击确定页面没有回到原先的位置,导致视图和触控区域错位。
解决方案一:
微信开发者回复: 在点击按钮那里加下面其中一个即可解决
//滚动到顶部
window.scrollTo(0, 0);
//滚动到底部
window.scrollTo(0, document.documentElement.clientHeight);
解决方案二:
在input失去焦点的时候 用代码控制页面滑动一下可以修复此问题
document.body.scrollTop = 0;
我是用的第二种方法代码如下
姓名<input style=‘width:60vw’ @blur=“inputBlur” type=“text” class=‘text-right’ v-model=“nickname” placeholder=“请输入姓名”>
js如下
inputBlur () {
document.body.scrollTop = 0
},
这个问题让我还以为是我的组件有问题,后来才知道是这个问题导致的