组件初始化模版

demo演示

:::demo

  <template>
      <div class="scroll-box" style="height:300px;overflow-y:auto;width: 50%;" v-scrollbar>
        <ul>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
          <li>1</li>
        </ul>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {}
    },
    methods: {
    },
    mounted () {
    }
  };
  </script>

:::

参数说明

使用
npm i i-scrollbar
import scrollbar from 'i-scrollbar'
Vue.use(scrollbar)
v-scrollbar

参数
width ：宽度 默认6, 
backgroundColor ：背景色 默认'#C4C4C4', 
hoverColor ：hover背景色 默认'#7986A2',
hoverWidth ：hover宽度  默认8