[Scroll Trigger, Smooth-Scroll & position: fixed]

@OSUblake In the demo I posted, I can't add many boxes in the same div and make it appear one after another, regarding the position of the window.

I would be able to do it with the line 

start: "100px top"

but when I unmute it, it gives a margin or a padding to the parent element and don't do what I want at all.

I'm still trying to fix this, and I realised that the Scrollsmoother interacts with the 

pin: ".box1"

in a bad way. I still dont have solutions for the moment.

[Scroll Trigger, Smooth-Scroll & position: fixed]

Sorry, I didn't notice.

 

It's updated, you should see it.

[Scroll Trigger, Smooth-Scroll & position: fixed]

@GreenSock Thank you for your answer and advices.

 

I managed to make scrollsmoother work with scrolltrigger, but impossible to reach the effect I want. What I want is that every box appear one after another, and set up the moment they arrived through the start position of the animation. But when I set up a start position, it remove/adds a margin or a padding somewhere. I'm sure I'm doing something wrong, but I can't figure it out.

 

I updated the demo to make it more simple: 

See the Pen bGajrjj by Achyl (@Achyl) on CodePen

 

And this is the effect I would like: https://drive.google.com/file/d/1EX00DgUhxdyyYL87ERtXG2AuYgoUo-X5/view?usp=sharing

 

It has been days I'm struggeling with that, I red all the doc I could. If you could help me with that it would be awesome !

 

Simon

 

 

[Scroll Trigger, Smooth-Scroll & position: fixed]

Thanks for the answer @elegantseagulls.

 

Do you have some documentation about the  ScrollTrigger's pin ? Because when I try unmute the scrollsmoother and the pin it still doesn't work, I think I'm missing a point.

 

Thanks again.

 

Simon

[Scroll Trigger, Smooth-Scroll & position: fixed]

Hello @GreenSock,

 

Thank you for reaching out.

 

I made a minimal demo for you to check. Here it is: 

See the Pen bGajrjj by Achyl (@Achyl) on CodePen

.

 

The situation is what I have now, without the scrollsmoother. Once you uncomment the scrollsmoother, it doesn't show up.

 

I think the problem comes from the position fixed, because when it's not fixed it's working well.

 

Can you please help me ?

 

Simon

[Scroll Trigger, Smooth-Scroll & position: fixed]

@Houwer How did you solve your problem ? Only with pinType ? I face the same problem but the solution you wrote here didn't work for me.