Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
sumith

how to apply fade out effect after 5 scrolls

Recommended Posts

i have used greensock(gsap) with scrollmagic jQuery library. i tried to create same effect as on reference site. but i stuck with some issue. my question is when i scroll 5 times or more times then fade out the first section only.

what i need reference site https://www.beargrylls.com/

my work is https://seediest-term.000webhostapp.com/

and my jsfiddle code is https://jsfiddle.net/xozis/jLes5zx6/6/

 

 

 

See the Pen BaBjvGK by web-riderz (@web-riderz) on CodePen

Link to comment
Share on other sites

Hey @sumith,

 

Welcome to the GreenSock Forum.

 

Maybe these examples will help you further.

Here is the duration of the scene set to a very high absolute value:

 

See the Pen VNxpPB by mikeK (@mikeK) on CodePen

 

Here's an alternative to scrollMagic

 

See the Pen BXNOgN by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel

 

 

  • Like 3
Link to comment
Share on other sites

hi @mikel thanks for reply.

but i need when i scroll 5 time then show fade out, not first scroll to fade-out.

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.
×