已测试,可解决问题

bVcHXtR

const originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;window.onresize = ()=>{

return(()=>{

//键盘弹起与隐藏都会引起窗口的高度发生变化

const resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;

console.log("进入到判断页面高度=========");

console.log("页面初始高度========="+originalHeight);

console.log("软键盘弹起高度========="+resizeHeight);

if(resizeHeight-0

//当软键盘弹起,在此处操作

console.log("进入到软键盘弹起=========");

document.querySelector('body').setAttribute('style', 'height:'+originalHeight+'px;');

this.scrollerHeight=resizeHeight;

}else{

//当软键盘收起,在此处操作

console.log("进入到软键盘收起=========");

document.querySelector('body').setAttribute('style', 'height:100%;');

this.scrollerHeight="100%";

}

})()

}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐