element的隐藏组件滚动条el-scrollbar

项目中要用到左右滚动的tab菜单，但是又不需要显示滚动条。效果如下：

使用el-scrollbar来实现：通过设置滚动条的样式来隐藏滚动条，安卓下效果挺好，IOS仍然会显示滚动条

.el-scrollbar__bar.is-horizontal{
  height: 0;
}

.el-scrollbar__thumb{
  background-color: transparent;
}

解决IOS下滚动条问题：由于我这里只需要横向的滚动条，因此垂直方向的滚动条直接隐藏了，设置以下样式

::v-deep .el-scrollbar__wrap {
      height: 110%;
      overflow-x:scroll;
      overflow-y:hidden;
}

重要代码：.el-scrollbar__wrap { overflow: scroll; width: 110%; height: 120%; } ，为什么要设置这个宽和高呢？因为：为了把原生的滚动条挤到看不到地方！！这是很重要的。没有这个代码，竖滚动条显示正常，可横向会和原生的滚动条重合。