Components

vc-backtop

Install

npm install vc-backtop --save
// build version
import vcBacktop from 'vc-backtop'
// recommend for *.vue project for small bundle size
import vcBacktop from 'vc-backtop/src/Backtop.vue'
// commonjs
require('./dist/build.min.js')
// script tag
<script src='./dist/build.min.js'></script>

Usage

props

style

interval

执行滚动位置检测的间隔

scrollbarOffset

acceleration: {

time

mode

动画模式

example

import Vue from 'vue'
import vcBacktop from '../src'
new Vue({
    el: '#app',
    data () {
        return {
            acceleration: .7,
            scrollbarOffset: "100",
            interval: 128,
            style: { "width": "60px","height": "60px","left":"auto", "top":"auto", "bottom": "60px", "right": "40px" },
            styleText: '{ "width": "60px","height": "60px","left":"auto", "top":"auto", "bottom": "60px", "right": "40px" }'
        }
    },
    components: {
        vcBacktop
    }
<vc-backtop
    :scrollbar-offset="scrollbarOffset"
    :style.sync="style"
    :interval="interval"
    :acceleration="acceleration"
    :mode="mode"
>
</vc-backtop>