安卓H5 vue 输入框聚焦导致position: fixed 按钮上移动

复制代码
mounted() {
    this.$nextTick(_ => {
      const realHeight = window.innerWidth > window.innerHeight ? window.innerWidth :             
      window.innerHeight
      const originalHeight = document.documentElement.clientHeight ||document.body.clientHeight
      window.addEventListener('resize', () => {
      //键盘弹起与隐藏都会引起窗口的高度发生变化
      const resizeHeight = document.documentElement.clientHeight || document.body.clientHeight
      if (resizeHeight - 0 < originalHeight - 0) {
      //当软键盘弹起,在此处操作
      console.log('进入到软键盘弹起=========')
      this.showBtn = false
      } else {
      //当软键盘收起,在此处操作
      console.log('进入到软键盘收起=========')
      this.showBtn =  true
        }
      })
    })
  },
复制代码

通过showBtn去设置按钮的隐藏显示,弹起时隐藏按钮,收起时显示

posted @   吃饭七分饱  阅读(219)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· 因为Apifox不支持离线,我果断选择了Apipost!
点击右上角即可分享
微信分享提示