Share Posted July 11, 2019 Can someone please help me to animate fade in .box-1, .box-2, .box-3, then they are sections are pinned and to fade it out when they are unpined ( start moving again ). I'm busting my head for couple of hours now :(((( See the Pen VJRgvV by krstivoja (@krstivoja) on CodePen Link to post Share on other sites
Share Posted July 11, 2019 Hey marko, I don't use ScrollMagic, but your demo reminds me a lot of one of @PointC's demos. It uses jQuery but you can do the exact same thing using vanilla JS's .forEach and .querySelector methods: See the Pen Oezoqy by PointC (@PointC) on CodePen It's from his recent article on GSAP + ScrollMagic. You can read the whole thing here. Happy tweening 2 Link to post Share on other sites
Author Share Posted July 11, 2019 Hey @ZachSaucier Thanks for reply but that doesn't solve my problem. I managed to fade in but I can not do fade out when section start going away... Link to post Share on other sites
Share Posted July 11, 2019 Is this what you need? See the Pen Wqmmod by PointC (@PointC) on CodePen Just FYI — ScrollMagic is not a GreenSock product, but the article @ZachSaucier mentioned has a lot of demos showing how to use GSAP and ScrollMagic together. Happy tweening. 3 Link to post Share on other sites
Author Share Posted July 11, 2019 Yes, Thank you so much for this! @PointC Link to post Share on other sites
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now