Element--el-tabs固定在顶部问题

.el-tabs--card {
  height: calc(100vh - 110px);
  /* overflow-y: auto; */
}
.el-tab-pane {
  height: calc(100vh - 110px);
  overflow-y: auto;
}

<el-table-column label="操作">
    <template slot-scope="scope">
        <el-row :gutter="12" class="nav">
            <el-col :span="8">
               <el-button size="medium" type="text"  @click="edit(scope.$index, scope.row)">查看</el-button>
            </el-col>
            <el-col :span="6">
               <el-button size="medium" type="text"  @click="Delete(scope.$index, scope.row)">删除</el-button>
            </el-col>
         </el-row>
    </template>
</el-table-column>

<div class="tabs">
          <el-tabs v-model="activeName" @tab-click="changeTab">
            <el-tab-pane label="系统推送" name="receivedAutoNotice"></el-tab-pane>
            <el-tab-pane label="管理员通知" name="receivedNotice"></el-tab-pane>
            <el-tab-pane label="重大通知" name="receivedAnnounce"></el-tab-pane>
          </el-tabs>
</div>

data(){
	return{
	  currentTab:'receivedAutoNotice',//默认选择系统推送
      activeName:'receivedAutoNotice',
	}
}

this.$router.push({path:'/notify?activeName=receivedAnnounce&currentTab=receivedAnnounce'});

mounted(){
  this.showface();
},
method:{
showface(){
          if(this.$route.query.activeName!=null){
              this.activeName = this.$route.query.activeName;
              this.currentTab = this.$route.query.currentTab;
              var current1 = this.currentTab;
              this.loading = true;
              if(current1=='receivedAnnounce'){
                this.gerAnnounceList()  //这里写一些跳转后必须要执行的函数
              }
            }
       },
}