今天，我将向大家展示另一个精彩的Vue自定义虚拟美化滚动条组件VueScroll。

vuescroll是基于vue.js开发的面向PC和移动设备的自定义滚动条组件。支持上拉更新/下拉下载和轮播等功能。

特性

支持自定义滚动条、滚动轨道、滚动按钮等；支持上拉更新和下拉下载，可以自定义动画效果；支持平稳滚动；支持轮播图；

安装

$ NPMIVUESCroll-S

全球部署导入自' vue；

导入卷从卷'卷'；

//可以在此设定全局配置

vue.use (vue滚动，{1}

设定ops: {}、//全局默认配置文件

name: 'myScroll' //在此自定义组件名称。默认值为vue滚动

)；

//或

使用(卷)；

vue.prototype.$ vuescrollconfig={

bar: {

后台3: ' # 353535 '

}

(；按需部署模板

vue滚动内容区域./vue滚动

/模板

脚本

导入卷从卷'卷'；

导出默认值{

组件：

vue涡卷

}

(；

/脚本 )。

脚本代码=' https://un pkg.com/vue ' /脚本代码

脚本src=' https://un pkg.com/vue滚动' /脚本

！引进vuescroll-slide --的产品

脚本src=' https://un pkg.com/vue scroll/dist/vue scroll -幻灯片. js ' /脚本

！ vue scroll -本机- -

脚本src=' https://un pkg.com/vue scroll/dist/vue scroll -本机版. js ' /脚本版。

文档提供了非常丰富的参数配置。

太棒了！非常值得借鉴，提高技术，不要错过需要的东西。

# #文档地址

359 vuescrolljs.Yves编码. org /

# #仓库地址

359 Github.com/Yves coding/vue scroll真好啊。基于vuescroll定制滚动条将在此介绍。希望大家喜欢！