gsap 事件

ScrollTrigger.create({
        trigger: '.box',
        start: 'top top',
        end: '+=2000',
        markers: true,
        scrub: true,
        pin: true,
        animation:
            gsap.timeline().to('.box1', {
                scale: 1.5, borderRadius: '50%',background:'blue'
                , onStart() {
                    console.log('start');
                },
                onComplete() {
                    console.log('ended');
                },
                onReverseComplete() {
                    console.log('reverse ended');
                }
            }),
        onUpdate(e) {
            console.log(e.progress) // 0.5;
        },
        onEnter: () => {
            console.log('滚动到start位置触发')
        },
        onEnterBack: () => {
            console.log('滚动超过end位置，再进入滚动区域触发')
        },
        onLeave: () => {
            console.log('滚出end位置时触发')
        },
        onLeaveBack: () => {
            console.log('滚出end位置，再滚回来超过start位置触发')
        },
    })