键盘弹出遮挡问题
方案1
var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;
window.onresize = function() {
var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
if (resizeHeight - 0 < originalHeight - 0) {
//软键盘弹出
$('.submit').addClass('bot_position')
} else {
//软键盘收起
$('.submit').removeClass('bot_position')
}
}
ios使用
var u = navigator.userAgent
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if (isiOS) {
//软键盘弹起
document.body.addEventListener('focusin', () => {
//相关操作
})
//软键盘关闭
document.body.addEventListener('focusout', () => {
//相关操作
setTimeout(() => {
let scrollHeight =
document.documentElement.scrollTop ||
document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
})
}