vue-plugin-autoscroll v0.1.4

vue-plugin-autoscroll

View Demo

Installation

npm install --save vue-plugin-autoscroll

Usage

Import the package and activate the plugin

import Vue from "vue"
import AutoScroll from "vue-plugin-autoscroll"

Vue.use(AutoScroll)

new Vue({
  el: "#app"
})

In your markup, make sure to wrap your entire page content

<div id="app">
  <auto-scroll :loop="true" :loop-up="false" :slow="false">
    <section>
      1
    </section>
    <section>
      2
    </section>
    <section>
      3
    </section>
  </auto-scroll>
</div>

Removing The Scrollbar

The following works for WebKit browsers

::-webkit-scrollbar { 
  display: none; 
}

Optional Props

License

MIT