Adds a directive that listens for click events and scrolls to elements.
npm install vue-scroll-to
Vue.js directive that listens for click
events and scrolls to elements.
With npm do:
``bash`
$ npm install vue-scroll-to --save`
orbash`
$ yarn add vue-scroll-to
Please note that it's necessary to use single quotes within the double quotes
of the directive when defining the class and padding.
`js
import Vue from 'vue';
import vueScrollTo from 'vue-scroll-to';
Vue.use(vueScrollTo, options);
`
`html
Scroll to .element
Variables in directive
`html
v-scroll-to="', '"
`Default:
*
padding-in-px: 0Settings
Default
options:*
speed = 500 - Animation speed.
* padding = 0 - You can set default global padding, which will override
when put padding-in-px value inline with v-scroll-to.
* movingFrequency` = 15 = Number of steps of animation.MIT