动效解决方案ChoreographerJS

一、choreographerJS 一个实现滚动实现复杂动效的库

• 官网 https://christinecha.github.io/choreographer-js/

二、功能介绍

choreographerJS 通过监听滚动位置变化以及鼠标X位置的追踪添加多个动画，同时亦可添加执行非CSS动画的自定义函数

三、安装使用

1)方式一

npm install --save choreographer-js
// 项目中引入
const Choreographer = require('choreographer-js')

2)官网下载脚本

<script src="your_path/choreographer.min.js"></script>

四、场景实践

1、产品宣传页

通过滚动加载出需要的展示的内容， 有见过小米产品宣传页的就知道，如出一辙，感兴趣的童鞋可以去玩玩