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 --