hero

Vuescroll.js

一个滚动条插件, 可以让你在Vue.js下自定义滚动条,平滑地滚动

开始上手 →

丰富的Api

有很多Api你可以用他们做很多事

基于配置的系统

只是改改配置就能实现很多功能

完全可定制

你可以定制滚动容器、滚动面板、滚动内容、滚动条。。。

一个简单的例子

import Vue from 'vue';
import vuescroll from 'vuescroll/dist/vuescroll-native';
// 导入css文件
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">你好 Vuescroll!</span>
        </div>
      </vue-scroll>
  </div>
</template>
<script>
export default {
  data() {
    return {
      ops: {} // Your options
    };
  }
};
</script>

预览

微信交流群