vue.js滚动条
vue-nice-scrollbar (vue-nice-scrollbar)
a nice scrollbar for vue.js 2.0.
vue.js 2.0的漂亮滚动条。
安装 (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滚动条