jenstarr
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by jenstarr
-
-
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.
- 1
-
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!
-
Quote
that should be as simple as using an onEnter/onEnterBack or onToggle to fire a gsap.delayedCall() that does your class-swapping.
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.
See the Pen bdc810c05da8df823aac22403b34321b by akapowl (@akapowl) on CodePen
-
@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!
ToggleClass ignoring ToggleActions
in GSAP
Posted
Hi, I'm trying to adjust a toggleClass where after it toggles on
onEnter
, it doesn't toggle off untilonLeaveBack
but you can see the toggle happen for a second ononEnterBack
. I've tried addingcomplete
andpause
to theonLeave
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.See the Pen eYeYKog by jenstarr (@jenstarr) on CodePen