hero

Vuescroll.js

Vuescroll - A scrollbar plugin based on Vue.js that you can customize scrollbar, push-to-refresh, push-to-load and or making a carousel

Get Started →

Customizable

Full customizable, you can customizable scrollbar, rail, scroll button and so on

Pull-to-refresh and push-to-load

Support pull-to-refresh and push-to-load and you can also customize their animations.

Smooth-scroll

Vuescroll supports smooth-scroll, you can scroll smoothly on Vue.js!

Carousel supported

Vuescroll supports carousel, no complex option, just wrap the content and you can have your own carousel component!

A simple example

import Vue from 'vue';
import vuescroll from 'vuescroll/dist/vuescroll-native';
// import the css file
import 'vuescroll/dist/vuescroll.css';

Vue.use(vuescroll);
<template>
  <div class="demo-container">
    <vue-scroll :ops="ops">
      <div class="demo-content">
        <span class="demo-content-text">Hello World</span>
      </div>
    </vue-scroll>
  </div>
</template>
<script>
export default {
  data() {
    return {
      ops: {} // Your options
    };
  }
};
</script>

Preview

Hello Vuescroll! You're at the bottom.