Element-UI 框架 el-scrollbar 组件

前言

Element-UI 官方文档并没有写到关于 el-scrollbar 的文档，具体原因不详, 下面整理一下关于隐藏组件 el-scrollbar的文档说明

结构组成

基础使用

使用注意点: el-scrollbar 标签 需要给定高度.包裹内容超过给定高度, 就回出现滚动条

<el-scrollbar>
　　<div>....</div>
</el-scrollbar>

　　可以直接给 el-scrollbar添加 class 属性.

详细案例

<el-scrollbar
    wrapClass="class-name"
    viewClass="class-namt"
    wrapStyle="color:'#fff';fontSize:'16px';"
    viewStyle="color:'#fff';fontSize:'16px';"
    :native="false"
    :noresize="true"
    tag="ul"
>
    <div>...</div>
</el-scrollbar>

　　

文档

参数	说明	类型	可选值	默认值
wrapClass	可选参数，容器的样式名	string	-	-
viewClass	可选参数，展示视图的样式名	string	-	-
wrapStyle	可选参数，容器的样式	string	-	-
viewStyle	可选参数，展示视图的样式	string	-	-
native	可选参数，是否使用原生滚动	boolean	-	false
noresize	可选参数，容器大小是否是不可变的	boolean	-	false
tag	可选参数，渲染容器的标签	string	-	div

源码 github.com/ElemeFE/ele…

文章 element ScrollBar滚动组件源码深入分析