1.0.7 • Published 2 years ago

vue-simple-scroll-plugin v1.0.7

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

vue-simple-scroll npm.io

一款简洁的 vue 滚动插件,快速,高效。支持滚动条和内容自定义。

更多功能有待开发.....

demo

https://github.com/liaoruikang/vue-simple-scroll

or

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

# build for production with minification
npm run build

How to use

npm i vue-simple-scroll-plugin --save
import Vue from 'vue'
import simpleScroll from 'vue-simple-scroll-plugin'
Vue.use(simpleScroll)
import {SimpleScroll} from 'vue-simple-scroll-plugin'

Take a simple example

<simple-scroll doubleClick scrollWidth="3">
	<ul>
		<li v-for="item in 35" :key="item">{{item}}</li>
	</ul>
</simple-scroll>

API

Attributes

参数说明类型可选值默认值
height整体高度String——360px
doubleClick双击滚动条是否返回顶部Booleanfalse/truefalse
dbSpeed返回顶部速度String/Number快 3—20 慢5
scrollWidth滚动条宽度String——5px
scrollShowMode滚动条显示方式 1:淡出淡入 2:一直显示 3:隐藏String/Number1/2/31
scrollSpeed内容滚动速度String/Number慢 1—20 快5
openMonitor监听内容高度是否需要滚动条Booleanfalse/truefalse

Slot

name说明
——滚动区域的内容
bar自定义滚动条
1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago