Skip to content

Files

Latest commit

 

History

History
51 lines (40 loc) · 1.05 KB

README.md

File metadata and controls

51 lines (40 loc) · 1.05 KB

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