当前位置: 首页 > Web前端 > HTML

ios键盘弹出,导致header在顶部定位失败

时间:2023-04-02 12:08:10 HTML

ios手机键盘弹出时,header固定定位暂停===>。解决方法:我的做法是直接监听ios的键盘弹出事件,弹出时就隐藏header,键盘隐藏显示即可document.body.addEventListener('focusin',()=>{  //软键盘弹出事件console.log("keyboardpop-up")console.log('keyboardpop-up');this.isShowNavBar=false})document.body.addEventListener('focusout',()=>{//软键盘关闭事件console.log("keyboardclosed")console.log('keyboardclosed');this.isShowNavBar=真})