微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

finger-mover 移动端动效平台

程序名称:finger-mover

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

finger-mover 介绍

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()
    ]
})

finger-mover 官网

https://github.com/HcySunYang/finger-mover

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐