jenstarr

Hi, I'm trying to adjust a toggleClass where after it toggles on onEnter, it doesn't toggle off until onLeaveBack but you can see the toggle happen for a second on onEnterBack. I've tried adding complete and pause to the onLeave to see if I can get rid of it and nothing seems to work. What is the best way to do this? I appreciate any help, thanks.

Thank you so much! I had no idea they had to be in order of appearance, I assumed it wouldn't matter since in my mind one wasn't affecting the other but this is great to know. I've very recently started trying to teach myself how to use GSAP so there's a lot I don't know.

Hi, I was trying to do a basic pin in a vertical section after a horizontal scroll section and on my site, it was passing the class .is-inview to the vertical section as soon as the page loaded (before it was in view), causing the basic pin element to scroll up the page way before it should. I decided to recreate the basic pin on a simplified demo to see if it would work correctly to try and figure out what I'm doing wrong, and it's not working at all on my demo. Any help would be greatly appreciated!

ok, what if all the divs I want to swap the class between are all in the viewport already. They are absolute positioned on top of each other, and I want to essentially swap .active to make them change opacity as the user scrolls, until the last one, then move on. I would still want to do it in reverse like onEnterBack, but they are all in viewport at same time, in same location.

@GreenSock ok so keeping it pinned and telling it "move this class around" isn't possible, unless I do it through timeline, so doing it similar to this example? My goal is to have the .slideBkg and .slideText in my example to swap active state on scroll or after an amount of time has passed. https://codepen.io/akapowl/pen/bdc810c05da8df823aac22403b34321b

@elegantseagulls ok, I see that part that toggles the class when the .box-3 class is triggered, but what I want to try to do is have the purple section hold, while the user scrolls and active class is toggled between different divs, then at the end continue on. It would kind of function like a slider, so imagine you scroll to the purple section, there is an image and text slide, as the user scrolls the active class is passed to the next "slide" until the end, then it continues on.

Hi, I have a pinned section that when it gets to the end of the pinned section, I want it to stay pinned while I pass the active class from one div to another via user scroll or a timer, when it is passed to the last div I then want it to un-pin and continue on down the page as normal. Has anyone done something like this or have seen an example they could point me to? I appreciate your help!