Daiko

Hello @OSUblake, thank you for your answer. On resize was working. I think it was because of the Scrolltrigger update function. But anyway, I found another solution using position sticky. I will maybe take time to investigate about this bug. So thank you for your help.

Hello community, I tried to pin a google map on scroll with generated markers on it. And when I load or update markers, I refresh the Scrolltrigger instance to calculate the new sizes from my updated list (content). Bt when I do a refresh or a resize window, my Google map is reset. I think it's when I make a refresh, the content inside the `pin-spacer` markup reloaded and Google map does reset. Any idea? Thank you

@ZachSaucier Yes it's absolutely that what I meant. But was using it wrong (without .set). Thank you very much for helping me. You are awesome!! Have a nice day

@mikel Ok thank you for your help, I will try with your last example. I let this issue open for the moment and let you know what I did. Again. Thank you for your help and time. Have a nice day ?

Hey @mikel, it make sense to me how you resolved the case. Thank you. But I changed the html markup to approach my case. I use a plugin for a slide and I got button to navigate slides. I cannot change the markup because it will break these one. If I only have buttons without wrappers, is there a way to remove inline properties? https://codepen.io/Ceyar/pen/gOwxozO Maybe using this event and then firing the clearProps: all... But that didn't worked. onReverseComplete If there is not a clean way to make that, I will use a similar approach to yours but not overlapping with a wrapper but adding a wrapper inside the button and applying the hover to this one: <button class="slide-button is-active hide"> <span class="hover-wrapper">Button 1</span> </button> And that could be the solutions for me. By the way, thank you so much for your explanation. And seeing yours example help me a lot to understand how to use gsap.

Hello @mikel, Thank you so much for your quick answer. What if I still need to animate multiple elements with delay between them? That was not mentioned in the codepen example, sorry. For example in the image below, I have to select .nav-slide-item elements and the .slide-title element. When I scroll down, they all get faded with a certain delay (does the stagger param do that?). The problem is that I can not wrap my buttons .nav-slide-item with a tag (if there is not other solution, I could do another trick but it will be nice if it's ok with gsap param). So is there a way to clean the elements from the injected javascript? Thank you

Hello, I want to clearProps when iI scrollBack and when my reverse function animation is over to make my links not loosing their hover property. That's because my nav has two different opacity level: The active link is by default on 1, and the other links are by default on 0.3 and when I hover them they go on 0.5 for example. But after making the animation with gsap to hide them, on reverse the get inline styles from gsap that make my default hover not working anymore. Sorry but I'm new with gsap and I couldn't set a valid codepen using gsap3. In my app it works but not on these pen. Thanks a lot for your help