Vue, Element-UI 滚动条： el-scrollbar 基本使用

背景

参与修改前端项目（Vue, Element-UI），添加用户体验性需求，只涉及页面UI，未涉及数据交互

需求分析

为一个窗口添加滑动栏

解决方案

使用el-scrollbar
框架

注意
1，默认xy都有滑动栏，添加以下代码可以隐藏x轴的滑动栏

.el-scrollbar__wrap {
  overflow-x: hidden;
}

2，style中

1）. 必须去掉scoped，否则overflow-x: hidden失效
2.）外包一个div

• 来减少对其他页面会有冲突（此时缺少scoped）
• 可以通过控制div来控制滑动栏区域的大小

案例

效果图