en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en mn mn en en sv en en en en en en en en en en en en en en en en en en en en en en mn en en en pl en de en eu en en en pt en es en fr en en en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
great idea with the code to detect a #jumpLink and then run the ScrollToPlugin. Looks like that's going to work! Thanks for your help Carl
reverse animation (background color change) with # tag in url
mjtpage posted a topic in GSAP
First of all: I LOVE GSAP! And my clients love it. You've created an amazing product here, THANK YOU! I'm struggling with one issue. I'm using ScrollMagic to trigger animations on various parts of the page. One of these is changing the   background color -- so the page starts off with a white background, half way down it switches to dark grey, then a little later back to white. It's a cool effect! I'm changing the color from light to dark like this new ScrollMagic.Scene({triggerElement: "#home-5"}) .setTween(TweenMax.to(["body"], 1, {backgroundColor: "#222"})) .addTo(controller1); Then a little further down, I'm changing it back from dark to light like this: new ScrollMagic.Scene({triggerElement: "#home-10"}) .setTween(TweenMax.to(["body"], 1, {backgroundColor: "#fff"})) .addTo(controller1); It's working perfectly when I load the page normally. I can scroll up and down, it changes exactly where it should. But... when I'm on another page and click on a link to jump to a specific section low down on the home page (like example.com#home-11, that is below the initial #home-5 section that changes it from light to dark), it does not work when I scroll back up the page. I hope this makes sense! Any ideas what I need to do to make both events work, even when I'm landing on the page lower down than the ScrollMagic trigger elements? Thanks for your help!
“Really quite impressed with @GreenSock JS - even the small things.”
“GSAP is just miles and miles ahead of any animation library out there. Great work!”
“This stuff is so incredibly amazing I can't believe it. The level of details and options put into these things and the natural instinct GreenSock has for solving everyday problems is impressive.”
“Sincerely, the people behind GSAP are sorcerers”
“GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try.”
“I continue to be astounded by the sheer breadth of what @greensock can do. Every time I'm like "ooh, I wonder if I can do X", it turns out I can!”
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“GSAP should be the default when it comes to Javascript animations. It should literally be part of the next Javascript update.”
“The depth of GSAP blows me away like all the time. It seems like I stumble on something new and amazing every time I peek at the docs.”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.