移动端登录按钮使用定位，软键盘弹起时，顶起登录按钮解决方法_android 登录输入框 ,页面上滑键盘顶在登录按钮下-CSDN博客

本文链接：https://blog.csdn.net/qq_44309663/article/details/108276370

移动端登录按钮使用定位，软键盘弹起时，顶起登录按钮解决方法

问题描述：登录按钮使用定位时，在输入账号密码时，软键盘弹出时，登录按钮被顶出，遮盖密码框

使用csdn写的第一篇文章，有写的不好的地方，欢迎指出，也是对问题进行一个记录，能点进来，说明是缘分。
在往上很早了很多别人写的博客，都是用document.documentElement.clientheight来作为判断条件，然后，也在项目里进行了尝试，还是不行。下面又用了很多方法，最后找到了解决方案，话不多说，直接上代码：

项目是用vue写的，在data里声明一个变量

data () {
    return {
      height: window.innerHeight,
      isShow: true
    }
  },

在挂载的方法里，使用window.resize这个方法，先判断手机机型是否为安卓（IOS不存在这个问题）

mounted () {
    // 对手机机型的判断
    var isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1
    if (isAndroid) { // 如果是安卓手机的浏览器
      window.onresize = () => {
        if (this.height > window.innerHeight) {
          this.isShow = false
        } else {
          this.isShow = true
        }
      }
    }
  },

在页面销毁的时候，进行resize方法的销毁

destroyed () {
    window.onresize = null
  },

这个在手机上就可以解决按钮被顶起的问题，有什么问题直接联系我，随时欢迎骚扰我
(微信：18434351397 QQ：1194362549)