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