使用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的滚动条

你可能感兴趣的:(ui,javascript,前端,css)