Vue.js仿饿了么滚动条|vue自定义模拟滚动条组件VScroll

vscroll一款基于vue2.x开发的PC桌面端自定义虚拟滚动条组件。支持是否原生滚动、滑出是否自动隐藏、滚动条大小、层级及颜色等功能。如上图：同时支持垂直/水平滚动条。
通过非常简单的配置 即可快速生成一个虚拟美化滚动条。

props: {
    // 是否显示原生滚动条
    native: Boolean,
    // 是否自动隐藏滚动条
    autohide: Boolean,
    // 滚动条尺寸
    size: { type: [Number, String], default: '' },
    // 滚动条颜色
    color: String,
    // 滚动条层级
    zIndex: null
},

import VScroll from './components/vscroll';
Vue.use(VScroll);

    
    
这里是自定义内容。这里是自定义内容。这里是自定义内容。

 


    
    
这里是自定义内容。这里是自定义内容。这里是自定义内容。

Okay，基于vue开发自定义滚动条组件就分享到这里。希望对大家有些帮助！