vue-smoothscroll

it's a vuejs version of smoothscroll Based on https://github.com/alicelieutier/smoothScroll/blob/master/smoothscroll.js

How to Use

# install dependencies
npm install vue-smoothscroll

then in the js file , you can use with router or others

var vueSmoothScroll = require('vue-smoothscroll');
Vue.use(vueSmoothScroll);

   //define a tag
   <div v-smoothscroll="{ duration : 500, callback: callback , context : undefined , axis :'y' }" class="message">
       message
   </div>

or

    this.$SmoothScroll(target,duration,callback,context，axis);

params

target is a HTMLElement Object from your document that you want to scroll to, or a numeric position on the page
duration is the total duration of the scroll (optional, defaults to 500ms)
callback is a function to be executed when the scrolling is over (optional)
context is the scrolling context (optional, defaults to window, can be any HTMLElement Object)
axis is the x,y axis ,the value can be 'y' , 'x' , 'both', 'y' means horizontal direction, 'x' means vertical direction

License

Teddy-Zhu/vue-smoothscroll

ErrorLooks like something went wrong!

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Used by 363

Contributors 2

Languages

Error
Looks like something went wrong!

Packages