Search the Community
Showing results for tags 'solution'.
Found 4 results
-
While I was setting up scroll triggers on a local environment they were working fine, but when I placed the code on the page for some reason <p> elements weren't animating. I triple checked the loading order and everything was correct. When I refreshed the page after scrolling to the bottom everything worked fine. So I tried setting the problematic elements to gsap.set("#p01, #p02, ...", { opacity: 1 }); before the gsap.from calls and it fixed these elements not animating. I still don't know why it was only affecting <p> elements. Maybe the rich text editor in Umbraco was hindering it, but the added .set step fixed it.
-
General Advice on how to implement a unique animation timeline on each user scroll in react
cwiggo posted a topic in GSAP
Hi GSAP Forum, I've been looking at GSAP for a while now and I cannot find a general solution to a problem i've been trying to address for some time now. My site needs to comprise of 8 sections, that use the native vertical scroll in the browser. Each of the section has a timeline associated to it, in which, the previous section transitions into the next section. The second requirement is that each timeline can vary in length e.g: section 1 takes 10 seconds to transition into section 2 section 2 takes 8 seconds to transition into section 3 The main caveat is that the user is restricted to only scroll once i.e. one mousewheel move, one keypress down or one drag on the scroll bar, in which they will have to wait until the animation/timeline completes for them to be able to scroll again. Can anyone offer a solution or a pointer to a solution? I'm currently using react and gsap Many Thanks, Chris -
Hello i am making this site, as others can se on my posts: http://temp.agenciacaput.com/Caput/ And it´s working perfectly the animations, BUT, our beloved IE9-, its making things harder... Test the upper menu with IE9- so you can se the bugs, i can´t resume them all... Any help will be most wellcome! Note: Using TweenMax not minified for debug pourposes. On ie 7 trows me an error on TweenMax.js, line 2809 character 7
-
Hello i have made an animation using TweenMax on this site: http://temp.agenciacaput.com/Caput And the menu its animated with the "animation.ui.js" file. The menu works 100% BUT when you make us of it more than 20 times or a little less than that... The menu got bugous... Really bugous...so i need to know if it is a tweenmax bug or i am doing something really stupid... Tnx for your time.
