/vue-backTop

A Vue.js components to scroll to top

Primary LanguageVue

vue-backTop

image image

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