Large padding when "pin: true" property is enabled in scrollTrigger

[Dmytro Ivanovich]

I made an animation of the vertical scrolling of the cards, everything works fine, the only thing is that when the "pin: true" property of the scrollTrigger is enabled, a large indent appears at the bottom of the animation block, how to deal with it? Without the "pin: true" property, the animation doesn't work the way I want it to.

[akrdesign]

Try pinSpacing: false

[mvaneijgen]

If @akrdesign their solution is not not what you're looking for, be sure to take a look at the following topic 

And if that isn't the solution either please post a minimal demo and someone around here would surely come up with a solution 

 

 

[Dmytro Ivanovich]

5 hours ago, mvaneijgen said:

If @akrdesign their solution is not not what you're looking for, be sure to take a look at the following topic 

And if that isn't the solution either please post a minimal demo and someone around here would surely come up with a solution 

 

 

Your advice helped a lot. Thanks a lot! now my styles work as they should.