ScrollTrigger - The pin spacer element add a padding bottom on the end of my scroll if i've two same components.

[Charlène Bonnardeaux]

Hi!

 

I tried, without result, to reproduce a bug that I encounter in my application:
When two identical components running the same animation for its content follow each other and I scroll to the end of the second component, the "pin spacer" is updated and adds a padding bottom the size of the scroller, which gives the impression that it "jumps" above the viewport.

In the code pen, I tried to reproduce the same structure, but without the same effect. Does anyone have any idea what could cause this?

 

I know, it's not easy without a demo of the bug... But i swear i've tried, and because i don't exactly know what can cause it... I'm not able to make a correct minimal demo for isolate my issue... Any supports will be great!

Thanks in advance

See the Pen BarvQpo by charlene-bx (@charlene-bx) on CodePen

[Cassie]

Hey there! Thanks for the demo.

Do you maybe have a screen recording of what you've mentioned with the pinspacer? It's unfortunately very hard for us to help unless we can see the issue.

[Charlène Bonnardeaux]

Hi @Cassie
Yes i can assume that's really difficult to figure out without the demo,
here i've made a quick record of the issue:

And the weird things is that don't make it every time... If i've an hot reload on my page, all is fine...