vue.js滚动条_vue.js 2的漂亮滚动条

vue.js滚动条

vue-nice-scrollbar (vue-nice-scrollbar)

a nice scrollbar for vue.js 2.0.

vue.js 2.0的漂亮滚动条。

View demo 查看演示 Download Source 下载源

安装 (Install)

npm install vue-nice-scrollbar --save

用法 (Usage)

import Vue from 'vue'
  import vueNiceScrollbar from 'vue-nice-scrollbar'

  Vue.use(vueNiceScrollbar)

<template>
    <vue-nice-scrollbar classes="my-scrollbar" v-bind:speed=100 theme="light">
        <div class="scroll-me">
            //scroll-content
        </div>
    </vue-nice-scrollbar>
</template>

道具 (Props)

classes(字符串) (classes(String))

/* container */
.my-scrollbar{
  width: 35%;
  min-width: 300px;
  max-height: 450px;
}

/* Content */
.scroll-me{
  min-width: 750px;
}

主题 (Theme)

• light

  光

• dark

  黑暗

翻译自: https://vuejsexamples.com/a-nice-scrollbar-for-vue-js-2/

vue.js滚动条