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:

• Customizable scrollbar
• Pull-to-refresh, push-to-load
• Carousel

• You can find demo under examples folder of repo.
• You can see the full features of vuescroll at Live Demo section of the website.

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.

• Wechat

• Twitter

@wangyi70991

MIT By Yves Wang(Wangyi Yi)