back to the top
$ npm i v-back -S main.js:
import Vue from 'vue' import App from './App.vue' import VBack from 'v-back' Vue.use(VBack) // or with options Vue.use(VBack, { el: '#wrapper', duration: 300 }) new Vue({ el: 'body', components: { App } })template:
<span v-back="50"> top </span>Scroll to the top 50
use v-back in the container
Vue.use(VBack, { el: '#wrapper', duration: 300, distance: '50px' }) | key | description | default | options |
|---|---|---|---|
el | scroll container | window | String |
duration | Rolling time | 300 | Number |
distance | When does the scrolling element appear? | Always appear | String |