Jump to content
Search Community

Leaderboard

Popular Content

Showing content with the highest reputation on 12/30/2017 in all areas

  1. 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 points
  2. 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.
    1 point
  3. @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.
    1 point
  4. Hi Sahil, thanks! That's a very reasonable solution for my scenario! Best regards, Vic
    1 point
  5. 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.
    1 point
  6. Thanks for the clarification @Carl. I always seem to forget that some eases are included with TweenLite. Probably because I always use TweenMax.
    1 point
  7. Hi @vicmortelmans I put together an example on how to combine some simultaneous tweens, hopefully matching (...) the scenario described in your post.
    1 point
  8. 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.
    1 point
  9. 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.
    1 point
×
×
  • Create New...