Vuescroll.js

Vuescroll.js 介绍

什么是 vuescroll

vuescroll 是一款基于 vue.js 自定义滚动条的插件，它有两种模式: native: 适用于 PC 端，支持基本的自定义滚动条。 slide: 适用于移动端， 支持下拉-加载，上拉刷新，轮播等。 但是，这并不意味着 slide模式只能用于移动端，只是因为移动端与 slide 模式更加契合而已。

特点

可定制

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

上拉-刷新和下拉-加载

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

平滑地滚动

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>

网站地址:http://vuescrolljs.yvescoding.org/

GitHub:https://github.com/YvesCoding/vuescroll

网站描述:一个自定义滚动条的插件适用于PC和移动端

Vuescroll.js

官方网站：http://vuescrolljs.yvescoding.org/