Jump to content
Search Community

GSAP Stacked Animation Card

Mustafa Dilmaç test
Moderator Tag

Recommended Posts

hello all;


its my first post here. ı look arround for this animation but cannot find similar one so ı made my animation. Still have some problem with sticky. Before animation start unset position so GSAP can detect my element hight and place markers in correct points. But ı guess it's still not fine for best practice. I'm open advices and ideas. 


Thanks all

See the Pen KKGZZwr by mustafadilmac (@mustafadilmac) on CodePen

Link to comment
Share on other sites

Thanks for providing a minimal demo! 🙌 Yeah, that position: sticky stuff is definitely throwing things off. It's completely repositioning things. Typically it's not a good idea to do position: sticky. Have you looked into pinning? That's the ScrollTrigger way of doing things. 


Unfortunately it's a bit beyond the scope of help we can provide here to rework your demo for you, but I'd definitely look into pinning. 


There are a bunch of demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 


You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly (we do offer paid consulting services and we could certainly help you get this set up properly with enough time). 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...