element-ui隐藏组件el-scrollbar

代码如下：

<div class="main_wrapper">
  <el-scrollbar wrapClass="scrollar_container">
    <!--以下是要滚动的内容-->
    <div>
      <p>123</p>
      <p>123</p>
      <p>123</p>
    </div>
  </el-scrollbar>
</div>   

样式如下：

.main_wrapper {
    height: 100%;
    overflow: hidden;
}
.scrollar_container {
    overflow-x: hidden!important;   
}
.el-scrollbar{
    height: 100%;
}