hamsa@thoughtput.in

Thanks Mikel! (extra thanks for the sweet morph! ?) This implementation looks clean and makes sense. It definitely helps a bunch. Cheers!

Hello folks! I have a mostly simple setup here: timeline TL1 is triggered via ScrollTrigger which also displays a button. Clicking the button morphs the graphic to another shape via timeline TL2. Now I have onLeaveBack under ScrollTrigger's toggleAction set to reverse, and since I'm morphing using a variable, I'd image reverse works on the current shape. However what I'm seeing is onLeaveback revert to the previous shape right before reversing. I even tried to refresh() the ScrollTrigger, but to no avail. What am I missing here? Or is the only way out to use onLeaveBack to trigger a third timeline altogether? Thanks for all the great work y'all are doing out here! ?

Ah that makes sense, didn't know about the incompatibility bit, quite new with both GreenSock & JS here. ? Thank you for the assist Zach, and glad to be a Club GS member; it's definitely worth it! Cheers!

Hi folks! Been using ScrollTrigger since last week, and amazed at the power and flexibility it yields! Working with it super fun! ? I've run into a particular issue while trying to implement a conditional show/hide of two objects within the same timeline. As demo'ed in the CodePen, I have two bars that grows together while scrolling, with button toggles to show/hide only one of them at a time. Ideally, when I toggle, I want to restart the timeline so that the visible bar animates to the height per the current scroll position. I've tried to use the Timeline Restart function, which even though does restart the animation correctly, seems to go ahead and kill the ScrollTrigger (or rather override it partially); it does not listen to the scroll position anymore and just goes ahead and completes the animation on its own. I tried including ScrollTrigger.refresh() but that doesn't change anything either. Is there a workaround to this, or am I doing something wrong? Thanks in advance!