IOS在输入框输入确认后,会存在页面被键盘顶起来,下部分留白问题
目前没发现此方法有BUG
在app.vue里面添加函数和失焦事件
//在对应生命周期添加以下逻辑
//最好加一个是否为IOS环境的判断
this.$nextTick(() => {
document.addEventListener('blur', this.blurChange, true)
});
//ISO输入框失焦留白问题
blurChange() {
let currentPosition = undefined;
let timer = null;
let speed = 1; // 页面滚动距离
timer = setInterval(function () {
currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
currentPosition -= speed;
window.scrollTo(0, currentPosition);// 页面向上滚动
currentPosition += speed; // speed变量
window.scrollTo(0, currentPosition); // 页面向下滚动
clearInterval(timer)
}, 1)
},