ThScrollbar滚动条
吴少文 2022/3/4 vue
# ThScrollbar滚动条
用于替换浏览器原生滚动条
# 依赖说明
element-ui
# 基本使用
<th-scrollbar>
<ul style="display: block; height: 200px;">
<li v-for="v in 10" :key="v" style="margin-right: 30px;">
<h2>竖着来{{ v }}</h2>
</li>
</ul>
</th-scrollbar>
<th-scrollbar>
<dl style="display: flex;height: 200px;">
<dd v-for="v in 10" :key="v" style="margin-right: 30px;">
<h3>横着来{{ v }}</h3>
</dd>
</dl>
</th-scrollbar>
# Attributes
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| native | 是否使用原生滚动条样式 | Boolean | false | true/false |
| wrapStyle | 包裹容器的自定义样式 | String/ArrayObject | -- | -- |
| wrapClass | 包裹容器的自定义类名 | String | -- | -- |
| viewClass | 视图的自定义类名 | String | -- | -- |
| viewStyle | 视图的自定义样式 | String/ArrayObject | -- | -- |
| noresize | 不响应容器尺寸变化,如果容器尺寸不会发生变化,最好设置它可以优化性能 | Boolean | false | -- |