Observer on wheel fast issue

[Andy777]

When a user scroll fast the first and the second div animated immediately jumping into the third div.

 

How i prevent fast scrolling?

See the Pen yLxzXBg by Andy199807 (@Andy199807) on CodePen.

[GreenSock]

Are you looking for something like this?:

See the Pen qBMPjXL?editors=0010 by GreenSock (@GreenSock) on CodePen.

[Andy777]

Thanks @GreenSock, but if i reload the page i would like to start from the first div instead of restart from the div it was before. 

How i do this?

[Andy777]

Home i make these animations works even when scroll up and down, can you help me? Please

 

See the Pen dyqVrJL by Andy199807 (@Andy199807) on CodePen.

 

 

[GreenSock]

Hi @Andy777. This all looks like logic/engineering stuff - you've got it set up to always animate the previous section to scale: 0, height: "0%", display: "none"...so things can only disappear. You never have any animations that would bring those invisible/hidden ones back again. You've gotta add that logic. 

 

Also, I'd recommend NOT animating height if you can avoid it because that affects layout (causes reflow) which is more expensive for browsers to handle. Typically it's best to animate transforms like scaleY. It's also bad to alter the "display" if you can avoid it (for the same reasons). 

 

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "here is my list of requirements, please show me how to build it" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly (we do offer paid consulting services). 

[Andy777]

Understood @GreenSock, how can i contact y'all for paid consulting?

[GreenSock]

I sent you a DM. ?