el-scrollbar

借鉴：
https://segmentfault.com/a/1190000015068613
https://segmentfault.com/a/1190000019325694?utm_source=tag-newest

1.工作原理：

总的来说el-scrollbar就是一个wrapper，包裹住要使用scroll的区域。而包裹el-scrollbar的元素要设置成overflow: hidden

图片.png

2.使用

设置el-scrollbar的父元素（比如#app，html和body）以及el-scrollbar本身

#app, html, body{
  width:100%;
  height: 100%;
  overflow: hidden;
}
.page-component__scroll{
    height: 100%;
}

想要应用横轴的话还要加上

.page-component__scroll .el-scrollbar__wrap {
    overflow-x: auto;
}