移动端动效平台 finger-mover

MIT
JavaScript
跨平台
2017-05-16
HcySunYang

finger-mover

概述

finger-mover 是一个集成 Fingerd(移动端以手指为单位的事件管理方案) 和 Moved(微型运动方案) 为一体的移动端动效平台,finger-mover 本身并不能为你做什么,但是附带的提供了很多插件,例如: 纵向模拟滚动(simulation-scroll-y.js)、 横向模拟滚动(simulation-scroll-x.js)等等,配合这些插件,你可以轻松的实现移动端的一些运动组件。

特性

  • 体积小,压缩后:11.12kb

  • 插件化,运动组件均以插件的形式提供,当然,你也可以开发你自己插件,请查看 插件开发

安装

npm install --save finger-mover

finger-mover 以 umd 模块发布,所以你可以使用任何你想用的方式来使用它。如果直接使用 <script> 标签引用的话,那么将注册全局变量 Fmover

快速开始

// 导入 finger-mover
import Fmover from 'finger-mover'
// 导入 纵向模拟滚动插件 simulation-scroll-y
import simulationScrollY from 'simulation-scroll-y'
// 导入 横向模拟滚动插件 simulation-scroll-x
import simulationScrollX from 'simulation-scroll-x'

// 同时使用 simulation-scroll-y 和 simulation-scroll-x 这两个插件,即可实现 2d 滚动
let fm = new Fmover({
    el: '#scroll-box',
    plugins: [
        simulationScrollX(),
        simulationScrollY()
    ]
})

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

VNX中的DataMover

在EMC论坛收集的关于DataMover 的资料

2014/11/26 11:10
176
0
python json转换dict 报错 NameError: name 'null' is not

python json转换dict 报错 NameError: name 'null' is not

2015/09/22 10:19
145
0
如何正确关闭Celerra Network Server电源

转载请在文首保留原文出处:EMC中文支持论坛

2014/11/26 10:51
23
0
OS X系统 手势终极设置方法+BetterTouchTool详细设置中文翻译

OS X系统 手势终极设置方法+BetterTouchTool详细设置中文翻译

2014/10/24 21:05
634
0
Leap Motion API类库:Finger

1. Finger:继承Pointable() 跟踪手指,获取有效Pointable手指对象,对应5根手指性能,如速度,连续等,Pointable.valid()属性测试 var hand = frame.hands[0]; var finger = hand.fi...

2016/01/28 12:41
117
1
【译】Understanding Observables 理解Observalbes(观察者)

原文链接 http://tomstechnicalblog.blogspot.sg/2015/10/understanding-observable-emissions.html Understanding Observables When I first started learning RxJava, I found it very dif...

2015/11/30 21:50
21
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部