Quiero lograr este resultado de enlace de movimiento de desplazamiento [parte del título de la foto adjunta] aquí .

He intentado implementar el mismo movimiento de desplazamiento con GSAP. enlace codepen aquí . Sugiera si conoce una mejor manera de implementar el movimiento de desplazamiento hacia arriba/abajo.

 var titleMotion = new ScrollMagic.Controller(); $(".single-wrapper").each(function() { let titleBig = $(this).find(".motion-title"); let tl = new TimelineMax(); tl.staggerFromTo(titleBig, 1, { top: "auto", opacity: "0.2" }, { bottom: "0%", opacity: "1", ease: Expo.ease }, "start") new ScrollMagic.Scene({ triggerElement: this, triggerHook: 0.5, duration: "10%" }) //.setClassToggle(".single-wrapper", "active") .setTween(tl) .addTo(titleMotion); });