vue-nice-scrollbar

vue-nice-scrollbar

a nice scrollbar for vue.js 2.0

Demo

DEMO

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(String)

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

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

Theme

• light
• dark

License

MIT