Jump to content


ScrollTrigger Pin - Fade in and out

Recommended Posts

I would like 'Headinggg" and "1" to be visible at the start of the pinning of  ".head" and as you scroll the other headings fade in and out into view. 

Right now, It's working except for "Headinggg" isn't fading out even though '1' is. When I changed it  opacity: i === 0 ? 0 : 1 it create a big backspace between "heading 2" and "headingg 1".  How would I fix this?

See the Pen MWrZWjW by HumbleB (@HumbleB) on CodePen

Link to comment
Share on other sites

  • 3 weeks later...

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.