在项目中引入element-ui后，发现在不同的浏览器显示并不一样，为了统一浏览器中的样式，统一使用了element-ui库中的滚动条。使用方法如下：
1.把想要出滚动条的内容放在下边标签里即可：
<el-scrollbar style="height:100%;width:100%">
</el-scrollbar>
2.如果不想要横向的滚动条，添加css：
.el-scrollbar__wrap {
overflow-x: hidden;
}
3.如果相让滚动条一直显示而不是鼠标移入才显示，添加css：
.el-scrollbar__bar.is-vertical {
opacity: 1;
}
4.微调滚动条的位置以及宽度：
.el-scrollbar__bar.is-vertical {
opacity: 1;
padding-right: 5px;
width: 7px;
}
5.其余设置：
element-ui的滚动条文章来源：https://www.toymoban.com/news/detail-610406.html
注意：当然也有不使用element-ui库的滚动条设计方法（这种方法相对复杂）：
原生设置文章来源地址https://www.toymoban.com/news/detail-610406.html
到了这里，关于使用element-ui的滚动条的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
