Jump to content
Search Community

How to make sticky/parallax effect on section?

Eyepatch test
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

Hi there,

I'm trying to do the same animation as this website: https://www.jomor.design/ in the work section half window scroll

I'm having trouble getting it. I couldn't figure out how he did it.
I kinda mimicked it using position sticky but I had to remove overflow-x: hidden from html & body, and it made huge horizontal scroll since i had many section overflowing.
I tried to do it with gsap but the best I can manage is what you can see on codepen.
I'm running out of ideas to try, and I'd love some tips please
Thanks in advance

See the Pen LYmBjqL by eyepatch128 (@eyepatch128) on CodePen

Link to comment
Share on other sites

  • Solution

 

Hello there @Eyepatch

 

Have you seen the ScrollTrigger demos page already? ...it has some nice effects that you can use for inspiration.

 

There is a demo for an effect in there, that does essentially what you referenced on that website

 

See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen

 

 

 

This pretty much behaves like the work-section on that website.

 

See the Pen wvjYyMx by akapowl (@akapowl) on CodePen

 

  • Like 2
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...