ScrollSmoother + ScrollTrigger pin issue

[Daniel Hult]

Hey,

I'm having an issue with pinning a progress bar for a section that uses ScrollSmoother effects. You can see the issue with uncommenting the pin line.

What is happening here?

See the Pen mdGQjya by daniel-hult (@daniel-hult) on CodePen.

[mvaneijgen]

What is it you want to pin? I'm no ScrollSmoother expert, because I get sea sick looking at those kinds of websites, but I know there is some logic you get out of the box, if you don't define a wrapper, but it is always better to define those your self. In your example don't you want to pin the .progress bar? Instead of the wrapper it self? Hope it helps and happy tweening! 

 

See the Pen MWqzqpB?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen.

[Daniel Hult]

This was a silly mistake on my end ?‍♂️?‍♂️?‍♂️ I got the tweened element mixed up with the scrolltrigger's trigger and my brain is fried at the moment.

Thank you for the help!