iLuvGreenSock

Members
  • Content Count

    9
  • Joined

  • Last visited

Community Reputation

3 Newbie

About iLuvGreenSock

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. iLuvGreenSock

    onComplete fires before tween ends completely

    Thanks to all the superheroes @Sahil, @mikel, @GreenSock, @Carl for all your inputs/advise. I've actually used a cross-browser plugin https://www.npmjs.com/package/jquery-mousewheel on my actual code to manage the mousewheel event since it (the one on my Codepen demo) doesn't work on webkit browsers. This JS plugin also changed GreenSock JS to v1.18.0 instead. Just mentioning though I know this won't help you guys in understand the core issue.
  2. iLuvGreenSock

    onComplete fires before tween ends completely

    Ok, do you know if it's possible to delay the onComplete call? Or add some delay time at the end of my tween before the onComplete call? This is already a reduced test case on Codepen.io. What I'm trying to understand is why the same code words in Codepen but not in my actual code. Thank you nonetheless @GreenSock, appreciate it. I'm sorry if this isn't the right place to post my question.
  3. iLuvGreenSock

    onComplete fires before tween ends completely

    Thank you for your reply. @Carl. I'm sorry it wasn't clear. Here's a demo. Works perfectly ok on Codepen.io but on actual code, the onComplete fires before tween ends. Hope this help you to point me in the right direction. Thanks a lot in advance to you awesome guys.
  4. iLuvGreenSock

    onComplete fires before tween ends completely

    Thank you @Sahil, I appreciate your time to reply. Sorry, let me correct myself, what I observe is onComplete gets fire at the last split second when the tween ends (before it reaches yPercent: -100), not after. transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0); The tween for each elem will be played when it detects the delta in the mousewheel event. So it's indeed very strange as I did not use any stagger tween.
  5. iLuvGreenSock

    onComplete fires before tween ends completely

    Thanks @Sahil for your swift reply! What i'm puzzled is that on Codepen, it works perfectly well. However on my actual code, onComplete function doesn't wait for the tween to be fully complete before it gets called. In fact, onComplete fires just when the tween is about to complete. I've also increased the tween duration to 3s and onComplete gets fired 3s while tween started slowly and ends another 3s later.
  6. iLuvGreenSock

    onComplete fires before tween ends completely

    Hi guys, I've a tween for all my elements in a for loop and it works as expected in Codepen. The onComplete function call basically is to change a var to back to "true" when the animation ends. However onComplete gets fire just before the tween ends when this is on my actual code. I'm not sure why this is happening. Hoping someone can advise. Thank you so much! for (var i = 0; i < elem.length; i++) { elem[i].myAnimation = TweenLite.to(elem[i], 1, { yPercent: -100, ease: Power1.easeInOut, onComplete: onAnimationCompleteEnd, onReverseComplete: onAnimationCompleteEnd, paused: true }); }
  7. iLuvGreenSock

    Create page piling with only GreenSock

    @OSUblake you're my superhero! You're provided exactly what I'm looking for. Not only does GSAP rocks, the community is totally awesome!
  8. iLuvGreenSock

    Create page piling with only GreenSock

    Wow, thanks for your very swift reply and detailed explanation! I really appreciate your help! Don't I need to declare this element mySuperAwesomeAnimation? Any docs that I can read this up?
  9. iLuvGreenSock

    Create page piling with only GreenSock

    @Diaco, I just want to say thank you so much for your demo! How does the chaining ".anim" work in the for loop from your demo? I forked your demo and it works with any names I've used. Sorry for a noob question.