vue-seamless-scroll

前端 动画
Vue.js 无缝滚动组件
2019-01-12 我要评论 2 我要收藏

vue-seamless-scroll

A simple, Seamless scrolling for Vue.js

Build Status LICENSE MIT

???? online demo | ???? 中文文档

Browser support

IE
IE
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS
Chrome for Android
Android
IE9+

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.

vue-seamless-scroll 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论