el-scrollbar的使用

在左右弹性布局的网页里，当网页的高度发生变化时，浏览器右侧的滚动条会出现，出现和消失的时候，会使得整个页面向左右发生细微的移动，非常的不舒服，此时使用el-scrollbar可以有效解决这个问题。
先在全局css里将整个网站的body里设置overflow: hidden;这样浏览器默认的右侧滚动条就不会再出现，也可以只设置overflow-y: hidden;因为网页宽度不够用是很少见的。

然后在最外层主body或主vue页面中使用el-scrollbar，将页面其他元素包进去：

在class中写入：

就可以使用了：

注意的几个点：
el-scrollbar在elementUI的官网中找不到介绍，但是全局安装后就可以用
el-scrollbar的原理是：他是一个容器，把别人包进去，如果别人的高度超过了他自己的高度，就显示下拉条，所以他必须要设置高度，他的使用场景很丰富：
如果是在一个容器里使用，比如table，那他的高度可以设置为一个定值，比如500px，或者等于父控件的高度，当table里的内容超过500px，就会下拉。
如果是作为整个页面的下拉条取代浏览器的默认下拉条，就给他一个max-height:100vh;
将他的高度定为100vh，这样网页的内容超过了一屏，就会出现下拉条
注意不要在父控件没有特定高度的情况下，给他一个height:100%，那样他的高度就会和它里面的内容一样高，他就不会出现下拉条。
另外：.el-scrollbar__wrap{
overflow-x: hidden;
}
这个样式，如果被暴露在外面，比如写这个样式的vue页面如果被import在main.js里，会导致其他页面的el-select下拉菜单的高度出现问题。这个问题很莫名其妙，但是确实有。