ScrollTrigger resizing issue:

[Victor Work]

Hey All,

I've experiecing a weird issue with resizing.
Once I've resized the window the scrub effect completely disappears with the element.
Why does it happens and how could I fix that?

Thanks in Advance.

Regards
 

See the Pen PozRPWx by victorwork (@victorwork) on CodePen

[ZachSaucier]

Hey Victor. If you start commenting out sections you can find that it's an issue with your .scrollerProxy() section. Adding the getBoundingClientRect() part from the scrollerProxy docs seems to fix it for me:

See the Pen yLJKYGa?editors=0010 by GreenSock (@GreenSock) on CodePen

[Victor Work]

@ZachSaucier
Thanks for helping me out... I appreciate it.

Seizing the opportunity... a quick question. 
Is there a way to fire a animation on ScrollTirgger before the elements enters on the viewport?
Something like this:
 

ScrollTrigger.batch(this.unwrapTexts, {
    onEnter: (elements) => {
        gsap.fromTo($(elements).find('.wrapped-p'), { yPercent: 140 }, { duration: 4, yPercent: 0, ease: 'expo.out', stagger: .06 })
    },
    start: 'top 110%',
    once: true
})

Thanks in advance.

[ZachSaucier]

1 hour ago, Victor Work said:

Is there a way to fire a animation on ScrollTirgger before the elements enters on the viewport?

Sure. Is the code you provided not working for you? It'd be helpful if you provided a minimal demo if you'd like our help debugging.

[Victor Work]

Hey @ZachSaucier Thanks, that works ... was a miss configuration on my end.

Seize the same topic to dont flood the forum... 
Is there a way do get scrolling direction? For example.. detecting scrollup or scrolldown inside of a Scrub animation?

[GreenSock]

How about this?

https://greensock.com/docs/v3/Plugins/ScrollTrigger/getVelocity()

[Victor Work]

Let me check it out and see how I can play and get back with a feedback.

Thanks for now @GreenSock Jack