Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Thomas Günther

  • Posts

  • Joined

  • Last visited

About Thomas Günther

Contact Methods

Recent Profile Visitors

272 profile views

Thomas Günther's Achievements

  1. @GreenSock Thanks a lot for the quick fix!
  2. @nico fonseca Thanks, that's interesting! I also compared the pens but didn't try the fixed width/height. It looks like it's a bug indeed.
  3. I'm not sure if there was a fix. Curiously there's this pen that doesn't have the issue: https://codepen.io/GreenSock/pen/mdPvzxJ
  4. I'm trying to set up a button that moves to a fixed positioning (top right) when scrolling. Easy enough with FLIP and ScrollTrigger, I just have an issue with how the animation looks when moving from relative to fixed positioning. It looks like it immediately moves to the top (fixed positioning?) and animates to the top right from there. It looks fine the other way around. I already tried adding the position property to props, both in getState() and Flip.from() — didn't help. I also noticed the same issue on this official pen when the viewport can be scrolled and the button is not at the very top: https://codepen.io/GreenSock/pen/rNMBXxb A few weeks (or months?) ago there was a thread about this with a similar call to action button but I can't find it via the search or Google. Thanks for any help!
  5. Not as fast as the superhero @akapowl but I created a scroll-controlled accordion for you too: https://codepen.io/medienbaecker/pen/YzVmvzY
  6. I was able to reproduce the issue, but only with one Mouse (Razer DeathAdder V2 Mini). Here's a video I recorded: https://cln.sh/B9T9sL Using Chrome or the Magic Trackpad in Safari, I could scroll over the horizontal scroll area with no issue. I think this is a Safari bug.
  7. Thank you so much, @akapowl ❤️ My actual code is a lot more complex so I didn't even think of setting the initial CSS values via gsap.set(). Now I put the logic into JS and it works just fine. Thanks again!
  8. 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: https://codepen.io/medienbaecker/pen/JjWxzxd Thanks in advance for any help 🙌
  9. Awesome! Thanks a lot for the quick help everyone!
  10. Ah, yes. That could be it. Thanks for the link. Do you know when the files will be updated? It‘s weird because on CodePen I can already use 3.6.1.
  11. 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 https://codepen.io/medienbaecker/pen/oNYpmdj On 3.6.0 I get all kinds of errors I don't understand: Thank you!
  12. I think you will first need to get the value of your CSS variables via getPropertyValue: https://codepen.io/medienbaecker/pen/wvozjqK
  13. Thanks a lot for your help, Jack. That does indeed work very well. 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.
  14. 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. Sorry about that, will do.