vue 组件水平滚动_Vue.js自定义垂直/水平滚动条组件|vue模拟滚动条

介绍

VScroll滚动条 基于vuejs2.x构建的美化XY轴滚动条组件。支持原生滚动条、鼠标移出是否隐藏滚动条、自定义滚动条尺寸、颜色及层级等功能。拥有漂亮且流畅的滚动体验！

参数配置

props: {

// 是否显示原生滚动条

native: Boolean,

// 是否自动隐藏滚动条

autohide: Boolean,

// 滚动条尺寸

size: { type: [Number, String], default: '' },

// 滚动条颜色

color: String,

// 滚动条层级

zIndex: null

},

快速引入

在main.js中引入组件。

import VScroll from './components/vscroll';

Vue.use(VScroll);

使用组件

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

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

<