Fork me on GitHub

webview 输入法高度不一致呼出后切换卡死

webview 文本框 呼出输入法后,如果切换的下一个输入法高度不一致,会导致webview 可视区域vh高度变化,

找到了一种hack的方式,blur的时候滚动一下滚动条,就可以获取正确的高度了。

// 文本框输入法切换卡死兼容
blurFunc() {
this.ScrollTop(0, 200);
},
ScrollTop(number = 0, time) {
if (!time) {
document.body.scrollTop = document.documentElement.scrollTop = number;
return number;
}
const spacingTime = 20; // 设置循环的间隔时间 值越小消耗性能越高
let spacingInex = time / spacingTime; // 计算循环的次数
let nowTop = document.body.scrollTop + document.documentElement.scrollTop; // 获取当前滚动条位置
let everTop = (number - nowTop) / spacingInex; // 计算每次滑动的距离
let scrollTimer = setInterval(() => {
if (spacingInex > 0) {
spacingInex--;
this.ScrollTop((nowTop += everTop));
} else {
clearInterval(scrollTimer); // 清除计时器
}
}, spacingTime);
},

posted @ 2020-08-28 18:28  思考的大腿  阅读(181)  评论(0编辑  收藏  举报