ios 键盘弹起,导致顶部的header 定位失效

  1. ios手机 键盘弹起时候 header 的固定定位就悬浮了
    ios 键盘弹起,导致顶部的header 定位失效_第1张图片

===>. 解决:我的做法是直接监听ios键盘弹起事件,弹起的时候就隐藏header , 键盘收起在显示




    document.body.addEventListener('focusin', () => {   //软键盘弹起事件 console.log("键盘弹起")
      console.log('键盘弹起了');
      this.isShowNavBar = false
    })

    document.body.addEventListener('focusout', () => {  //软键盘关闭事件 console.log("键盘收起")
      console.log('键盘收起了');
      this.isShowNavBar = true
    })

你可能感兴趣的:(javascript,前端,html,html5,ios)