0.2.0 • Published 6 years ago
vue-backtop-pack v0.2.0
vue-backTop
A Vue.js components to scroll to top
Install
$ npm install vue-backtop-pack
Usage
import Vue from 'vue'
import vueBacktopPack from 'vue-backtop-pack'
Vue.use(vueBacktopPack)
or
<script src="vue.min.js"></script>
<!-- must place this line after vue.js -->
<script src="vue-backtop-pack.umd.min.js"></script>
Demo
<!-- default -->
<vue-backTop></vue-backTop>
<vue-backTop :height="600" :bottom="50" :right="30" @onClick="handleOnClick" @complete="handleComplete">
<span>scrollTop</span>
</vue-backTop>
Options
Property | Description | Type | Default |
---|---|---|---|
height | visible height | Number | 400 |
bottom | distance to the bottom | Number | 30 |
right | distance to the right | Number | 30 |
duration | animation time | Number | 1000 |
Callback
Name | Description |
---|---|
onClick | when click |
complete | when scroll to top complete |