finger-mover 移动端动效平台开源项目

我要开发同款
HcySunYang2017年05月16日
80阅读
开发技术JavaScript
所属分类iOS代码库、滚动视图(ScrollView)
授权协议MIT

作品详情

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-moverimport Fmover from 'finger-mover'// 导入 纵向模拟滚动插件 simulation-scroll-yimport simulationScrollY from 'simulation-scroll-y'// 导入 横向模拟滚动插件 simulation-scroll-ximport simulationScrollX from 'simulation-scroll-x'// 同时使用 simulation-scroll-y 和 simulation-scroll-x 这两个插件,即可实现 2d 滚动let fm = new Fmover({    el: '#scroll-box',    plugins: [        simulationScrollX(),        simulationScrollY()    ]})

2d滚动livedemo

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论