Sticky Sections with lenis smoothscroll

[MiffyWu]

I’m trying to replicate the scroll animation in the Services section of Webisoft's website, using Lenis and ScrollTrigger. However, I can’t achieve the effect where the top part of each section remains partially stacked as you scroll. Here’s my CodePen link: https://codepen.io/Miffy402/pen/mdNLBBq.

Any advice or tips would be greatly appreciated!

See the Pen mdNLBBq by Miffy402 (@Miffy402) on CodePen.

[Rodrigo]

Hi,

 

I don't have any experience with Lenis because we have our own smooth scrolling plugin: ScrollSmoother

 

https://gsap.com/docs/v3/Plugins/ScrollSmoother/

 

But the approach to stack the sections based on the title height should be as simple as this:

See the Pen GRVawRx by GreenSock (@GreenSock) on CodePen.

 

Hopefully this helps

Happy Tweening!