vue移动端fixed定位按钮在底部,键盘弹起,不让底部按钮顶上去

检测浏览器的resize事件,当按钮高度过小时就可以判定为出现这种情况,这时把按钮直接隐藏掉之类的
一、html部分

    
提交 保存

二、js部分

data(){
return {
     isOriginHei: true,
      screenHeight:
        window.innnerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight,
      originHeight:
        window.innnerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight
}
}

  mounted() {
    let self = this;
    window.onresize = function() {
      return (function() {
        self.screenHeight =
          window.innnerHeight ||
          document.documentElement.clientHeight ||
          document.body.clientHeight;
      })();
    };
  },
  watch: {
    screenHeight(val) {
      if (this.originHeight != val) {
        this.isOriginHei = false;
      } else {
        this.isOriginHei = true;
      }
    }
  }

你可能感兴趣的:(vue移动端fixed定位按钮在底部,键盘弹起,不让底部按钮顶上去)