Jump to content

Thomas Günther

  • Posts

  • Joined

  • Last visited

Posts posted by Thomas Günther

  1. Hi there,


    I stumbled upon an issue with percentage based transforms and ScrollTrigger. I created a minimal demo with .good_boxes using pixel values and .bad_boxes using percentage values. Only the bad boxes are displayed incorrectly after resizing the window. First things that came to mind were using xPercent/yPercent and invalidateOnRefresh: false but neither had an effect.


    To reproduce the issue, please visit the following codepen, resize your window and then scroll down: 


    Thanks in advance for any help 🙌

    See the Pen JjWxzxd by medienbaecker (@medienbaecker) on CodePen

  2. Hi!

    Where can I download version 3.6.1 of the DrawSVGPlugin? I can only find version 3.6.0 in my account dashboard.

    I realized there must be an important bug fix in this version because in 3.6.0 I can not get the simplest ScrollTrigger + DrawSVG scenarios to work. After recreating it in a pen it works without problems. See the attached CodePen URL 

    On 3.6.0 I get all kinds of errors I don't understand: 


    Thank you!

    See the Pen oNYpmdj by medienbaecker (@medienbaecker) on CodePen

  3. 53 minutes ago, GreenSock said:

    Does that work well for you? 

    Thanks a lot for your help, Jack. That does indeed work very well.


    53 minutes ago, GreenSock said:

    Might look cool to add a little stagger to your onEnter/onLeave animations too ;)

    Great idea! I'm always concerned about performance but it's still super smooth somehow.


    Working with GSAP for this project has been so much fun. I'm looking forward to showing this to my client.

    • Like 1
  4. 1 minute ago, ZachSaucier said:

    Give us some time to think up a way to solve this situation.

    Thank you. I'm actually glad this isn't super easy so I won't feel as bad about the many hours I tinkered with this. When I found out I can save the old state of the parent element and then use Flip.fit() on it I thought I had it figured out. This doesn't help unfortunately.


    2 minutes ago, ZachSaucier said:

    Going forward, would you mind using the "fork" button on CodePen instead of updating the old one?

    Sorry about that, will do.

    • Like 1
  5. Thanks for your answer and the warm welcome, Zach.


    I set absolute to true before, but then I had issues with the scroll position and the elements underneath. I will update the simplified codepen with those elements.


    EDIT: I just edited the codepen with a footer. While the project elements are animating, the footer will jump to the top—because the elements are position: absolute and the parent element has no height I guess: 

    See the Pen wvoWLeO by medienbaecker (@medienbaecker) on CodePen

    • Like 1
  6. Hi there,


    I'm currently trying to use the new FLIP plugin to add an animation to my filter script. I tried to do something similar like this how-to demo:


    See the Pen NWRxarv by GreenSock (@GreenSock) on CodePen


    …but with two filters that can be combined.


    I just can't get the animation to work properly. Most of the time the to-be-hidden elements don't get any animation. I feel like I'm 90% there but something's missing. I tried modifying the `onLeave` function but it doesn't change anything.


    Thanks in advance for any help,


    See the Pen wvoWLeO by medienbaecker (@medienbaecker) on CodePen

    • Like 1