Scroll animation overlapping not letting me interact with a button
Hi! I made a scroll animation with GSAP (over a year ago so I might not be remembering something), some sliders that appear and disappear with scrolling.
The thing is for some reason only the last one is reachable, you can only select text or interact with the last one, because inspecting it seems to be above the other ones all the time.
I need to put a button in other slider that is not the last one and I can't press it, I tried adding z-index: 999 to the button but still nothing, does anyone have a solution to this?
Here's a codepen as an example
https://codepen.io/aszuster-dhnn/pen/RwYBweV
Thank you!
The thing is for some reason only the last one is reachable, you can only select text or interact with the last one, because inspecting it seems to be above the other ones all the time.
I need to put a button in other slider that is not the last one and I can't press it, I tried adding z-index: 999 to the button but still nothing, does anyone have a solution to this?
Here's a codepen as an example
https://codepen.io/aszuster-dhnn/pen/RwYBweV
Thank you!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
