Vuescroll is a scrollbar plugin based on Vue.js 2.X, it is very easy to use, no complex options and each option has its default value(It means you don't even have to write any configuration). Just wrap the content by <vue-scroll>
and a custom scrollbar will show. It supports:
vue version | vuescroll version |
---|---|
2.x | <=4.X |
3.x | >=5.0.0 |
npm i vuescroll -S
# OR
yarn add vuescroll
import vuescroll from 'vuescroll';
import Vue from 'vue';
Vue.use(vuescroll, {
ops: {
// The global config
},
name: 'myScroll' // customize component name, default -> vueScroll
});
// OR
Vue.component('vue-scroll', vuescroll);
import { createApp } from 'vue';
import vuescroll from 'vuescroll';
const app = createApp(App);
// You can set global config here.
app.use(vuescroll, {
ops: {
// The global config
},
name: 'myScroll' // customize component name, default -> vueScroll
});
<div class="container">
<vue-scroll>
<div class="content"></div>
</vue-scroll>
</div>
For detailed docs, please see Guide section on the website.
MIT By Yves Wang(Wangyi Yi)