一 问题描述
最近在做移动端兼容时,发现ios系统在输入内容时,页面被挤上去了,但输入完成后,键盘回弹了,页面没有回弹,还是停留在刚才输入时的位置。
解决办法
方法一:
mounted(){
document.body.addEventListener('focusout',()=>{
window.scrollTo({top:0,left:0,behavior:"smooth"})
})
},
方法二:
<input type="text" @blur="fixScroll" placeholder="请输入xxx"/>
//methods中添加:
fixScroll() {
let u = navigator.userAgent;
let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
window.scrollTo(0, 0);
}
}