ScrollMagic是做鼠标滚轮特效的一个框架,效果很好,但是它需要引入gsap(渲染动画)框架。但是webpack不能简单的引入这两个package。会出现很多问题。
这里有一个简单且有效的方法,避免复杂的环境搭建。
引入第三方包(scrollmagic-plugin-gsap)进行管理配置
import * as ScrollMagic from "scrollmagic"; // Or use scrollmagic-with-ssr to avoid server rendering problems
import { TweenMax, TimelineMax } from "gsap"; // Also works with TweenLite and TimelineLite
import { ScrollMagicPluginGsap } from "scrollmagic-plugin-gsap";
ScrollMagicPluginGsap(ScrollMagic, TweenMax, TimelineMax);
// There you can use setTween() in ScrollMagic Scene with no problems
避免秃头