问题描述
我刚刚开始在 ScrollMagic 和 GSAP 上进行开发,我想在向下滚动或向上滚动时自动滚动,例如如果我在第一个场景,当我向下滚动时,它应该转到第二个场景并停止,从场景 2 到场景 3 的行为类似。但在我的代码中它不是自动滚动。
这是我在 Codepen 上的代码
https://codepen.io/JamshedIqbal/pen/KKWbeZv
$(document).ready(function () {
var triggerHookSetting = 0.3;
var getWidth = $(window).width();
if (getWidth < 1025) {
triggerHookSetting = 0.20
}
const controller = new ScrollMagic.Controller();
TweenLite.defaultEase = Linear.easeNone;
$(".section").each(function (i) {
var target = $(this).find(".Box");
var tl = new TimelineMax();
tl.fromTo(target,0.5,{ scale: 0.8,opacity: 0 },{ scale: 1,opacity: 1 });
tl.to(target,1,{ scale: 0,1);
new ScrollMagic.Scene({
triggerElement: this,triggerHook: triggerHookSetting,duration: '100%',offset: 0
})
.setPin(this)
.setTween(tl)
.addTo(controller);
});
});
```
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)