Pinned element affecting start values of all other Scrolltriggers

[Samundra Shrestha]

 Pinned element affecting start values of all other Scrolltriggers below the pinned element 

See the Pen ExLWYGM by samundrashrestha (@samundrashrestha) on CodePen

[Rodrigo]

Hi @Samundra Shrestha and welcome to the GreenSock forums!

 

What exactly are you trying to achieve?

 

In the codepen example you provided, everything seems to be working as expected, since ScrollTrigger is adding 1/3 of the height of the colored boxes container, which is the end value you are passing to the ScrollTrigger configuration.

 

Perhaps more details on the animation you're trying to achieve will help us going in the right direction.

 

Happy Tweening!!!

[Samundra Shrestha]

When scrolling the pinned element(<section class="fancy">), it changes the position of its sibling element's(<section id="B" class="plain">) scrolltrigger start value which affects the timing of it's trigger. So, is their any way to preserve sibling element's(<section id="B" class="plain">) scrolltrigger start value on fixed point which will not be affected by scrolling on pinned element(<section class="fancy">).