移动端动效平台 finger-mover

• 授权协议: MIT
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://github.com/HcySunYang/finger-mover
• 软件文档: https://fmover.hcysun.me/#/zh-cn/

软件介绍

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

• 2d 滚动 live demo

本文地址：https://codercto.com/soft/d/7179.html