vue移动端输入文字输入框上浮

vue实现点击文字输入上浮

• mint-ui+element-ui

 <mt-tabbar fixed class="foot">
      &nbsp;
      <el-input placeholder="请输入信息" @focus="add" v-model="content"></el-input>
      &nbsp;
      <el-button type="warning" @click="send">发送</el-button>

    </mt-tabbar>

add方法实现

add() {
        this.$nextTick(function () {
          document.documentElement.scrollTop = 1000000;
        });
        setTimeout(() => {
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

          document.documentElement.scrollTop = 10000;

        }, 100);
      },

聊天截图.PNG

聊天截图1.PNG