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/
小编说
以上是编程之家为你收集整理的Vuescroll.js全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。