Leaderboard


Popular Content

Showing most liked content on 12/30/2017 in all areas

  1. 2 points
    Well problem is that when you animate element above target and reduce height, it offsets scrollTo's target location. So assuming you don't really need to do animation as it is not visible anyway, you can use following method so you won't see any jumps. Otherwise you will just have to constantly update target using onUpdate callback so you won't see any jumps, but still it will have some awkward behavior depending on height reduction and position of elements.
  2. 1 point
    Hi @multivac If I understand your question correctly, you just want this repeating background animation and foreground animation to loop seamlessly using DevTools? If that's the case, I'd recommend making your repeating background animation a regular tween rather than an infinitely repeating timeline. You can then create the other foreground animation as a tween or timeline. So maybe something like this? I'm not 100% sure I understand your question/desired outcome so that may not be the exact solution you need, but hopefully it provides you with some ideas. Happy tweening.
  3. 1 point
    @blint welcome to the forums. You can pause all the snow by just using a delayedCall() that then calls TweenMax.pauseAll() //pause after 5 seconds TweenLite.delayedCall(5, stopAll) function stopAll() { TweenMax.pauseAll(); } I think there is an error in Jonathan's original pen somewhere probably got saved by accident. This thread is about 2 years old.
  4. 1 point
    Hi Sahil, thanks! That's a very reasonable solution for my scenario! Best regards, Vic
  5. 1 point
    I'm not sure if it will help with what you're doing, but the ThrowPropsPlugin has a track() method that will allow you to track velocity. https://greensock.com/docs/Plugins/ThrowPropsPlugin Happy tweening.
  6. 1 point
    Thanks for the clarification @Carl. I always seem to forget that some eases are included with TweenLite. Probably because I always use TweenMax.
  7. 1 point
    Hi @vicmortelmans I put together an example on how to combine some simultaneous tweens, hopefully matching (...) the scenario described in your post.
  8. 1 point
    You need scrollTo plugin for it to work. In demo you can see that I am passing id of second row as string and it stops at the right position. I re-read your question couple of times and it seems you are trying to achieve something similar to this. So you just need to pass id of the element until which you want to scroll. Does that help? If your implementation is different than this, please post an updated demo.
  9. 1 point
    Just to clarify TweenLite includes the Power eases, so you don't need EasePack for those. The default ease is Power1.easeOut so even if you don't define an ease your animation should slow down at the end and not speed up. Like PointC said a demo would really help us clear this up. Definitely sounds like something strange is going on.