/vue-seamless-scroll

:beginner:A simple, seamless scrolling for Vue.js vue无缝滚动component

Primary LanguageVueMIT LicenseMIT

vue-seamless-scroll

A simple, Seamless scrolling for Vue.js Build Status LICENSE MIT

Browser support

mobile && web

Demo

https://github.com/chenxuan0000/vue-seamless-scroll/index.html

Installation

NPM

npm install vue-seamless-scroll --save

Usage

ES6

Specific reference example-src/App.vue

import Vue from 'vue'
import vueSeamlessScroll from 'vue-seamless-scroll'

new Vue({
  components: {
    vueSeamlessScroll
  }
})

normal use (script tag)

Example:

Specific reference test/test.html

<html>
<head>
  ...
</head>
<body>
  <div id="app">
    <vue-seamless-scroll></vue-seamless-scroll>
  </div>
  <script src="vue.js"></script>
  <script src="vue-seamless-scroll"></script>
  <script>
    new Vue({
      el: '#app'
    })
  </script>
</body>
</html>

Configure

      defaultOption () {
        return {
          step: 1, //the faster the rolling speed is faster
          limitMoveNum: 5, //start seamless scrolling minimum data  //this.dataList.length
          hoverStop: true, //mouse hover control is enabled
          direction: 1, //1 up 0 down
          openWatch: true, //open data realTime monitoring
          singleHeight: 0, //one single stop height(default zero is seamless)
          waitTime: 1000 //one single data stop wait time
        }
      }

License

vue-simple-spinner is open source and released under the MIT License.