scrollTrigger

gsap.to(".box", {
    x: 400,
    scrollTrigger: {
        trigger: ".box",
        start: "top center", // ※1
        markers: true,  // マーカーを表示させる
        scrub: true, // スクロール量に応じたアニメーションをしたいとき
        pin: true, // ※2
    }
});