使用 scrollmagic 自动滚动

如何解决使用 scrollmagic 自动滚动

我刚刚开始在 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);
            });
        });
        ```