hero

Vuescroll.js

Vuescroll - 一个自定义滚动条的插件适用于PC和移动端

开始上手 →

可定制

完全可定制化, 你可以自定义滚动条、滚动轨道、滚动按钮等

上拉-刷新和下拉-加载

支持上拉-刷新和下拉-加载, 并且你可以定制它们的动画效果!

平滑地滚动

Vuescroll 支持平滑地滚动, 你可以在Vue.js上平滑的滚动滚动条!

支持轮播图

Vuescroll 支持轮播图,无需复杂的配置,只要把内容包裹起来就能得到你自己的轮播图组件!

一个简单的例子

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>

预览

你好 Vuescroll! 你已经到达底部了。

微信交流群