Vuescroll.js 介绍
什么是 vuescroll
vuescroll 是一款基于 vue.js 自定义 滚动条的 插件 ，它有两种模式: native: 适用于 PC 端， 支持 基本的 自定义 滚动条。 slide: 适用于移动端， 支持 下拉-加载，上拉刷新，轮播等。 但是，这并不意味着 slide模式只能用于移动端，只是因为移动端与 slide 模式更加契合而已。
特点
可定制
完全可定制化， 你可以 自定义 滚动条、滚动轨道、滚动按钮等
上拉-刷新和下拉-加载
支持 上拉-刷新和下拉-加载， 并且你可以定制它们的动画 效果 ！
平滑地滚动
vuescroll 支持 平滑地滚动， 你可以在vue.js上平滑的滚动滚动条！
支持 轮播图
vuescroll 支持 轮播图，无需复杂的配置，只要把 内容 包裹起来就能得到你自己的轮播图组件！
一个 简单的例子
import vue from 'vue';
import vuescroll from 'vuescroll/ dis t/vuescroll-native';
// 导入css 文件
import 'vuescroll/ dis t/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/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。