[Sync scrub=true tween with end of scrub=false timeline?]

Hello Green Sock-

 

Can someone help me with a timeline problem?

I have a timeline set up on line 17 and 18 of the JS in the codepen above.  During this timeline, scrub is set to false.  I need to somehow figure out how to set up the tween on line 21 to run after the timeline is finished, but because the scrub parameter changed I can't figure out how to do that.

Can you help please?

 

The root problem is that I want to figure out how to prevent the column on the right side #content1 from scrolling until the animation of the title and subheading on lines 10 and 11 of the HTML is finished animating.   Is my approach of using a timeline correct?

 

Thank you in advance.

See the Pen rNKxgNz by JennEstrada (@JennEstrada) on CodePen

[Remove green pinSpacer label]

Hi GSAP Forums-

 

How can I remove the green pinSpacer label?  I cannot figure it out

Here is my ScrollTrigger instance on which it is being rendered.  Thank you in advance.

    const tlg = gsap.timeline({

      scrollTrigger: {

        trigger: pillarg.current,

        pin: true,

        pinSpacing: false,

        start: "center center",

        toggleClass: { targets: ".pillar-cards", className: "bg1" },

        toggleClass: { targets: ".pill1", className: "play" }

      }

    });