基于vue的无缝滚动组件
Browser support(mobile.pc)
支持移动端touch事件滚动循环列表
Demo
https://github.com/chenxuan0000/vue-seamless-scroll/index.html
Installation
NPM
npm install vue-seamless-scroll --save
Usage
ES6
以下es6用法需要webpack环境编译.
import Vue from 'vue' import vueSeamlessScroll from 'vue-seamless-scroll' new Vue({ components: { vueSeamlessScroll } })
普通模式 (script tag)
Example:
具体参考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, //步长 越大滚动速度越快 limitMoveNum: 5, //启动无缝滚动最小数据量 this.dataList.length hoverStop: true, //是否启用鼠标hover控制 direction: 1, //1 往上 0 往下 openWatch: true, //开启data实时监听 singleHeight: 0, //单条数据高度有值hoverStop关闭 waitTime: 1000 //单步停止等待时间 } }
License
vue-simple-spinner is open source and released under the MIT License.
相关推荐
-
node+mysql 数据库连接池 框架
2019-8-17
-
vue-cli3 实现多页面应用 框架
2019-6-29
-
Vuex、Flux、Redux、Redux-saga、Dva、MobX 框架
2018-12-19
-
为什么 React16 对开发人员来说是一种福音 框架
2019-5-18
-
用Sublime 3作为React Native的开发IDE 框架
2019-3-11
-
关于前端Vue框架的知识点 框架
2019-7-7
-
xss攻击与防御 框架
2019-9-13
-
浅析当下的 Node.js CommonJS 模块系统 框架
2019-3-7
-
我逆向工程zone.js后的发现 框架
2019-9-7
-
Vue 2.0 制作列表组件,实现分页、搜索、批量操作等 框架
2019-3-10