pascalgehring Posted January 10, 2022 Posted January 10, 2022 I already posted a similar problem, but I later realised that the solution I received was not wo sufficient: I have two scroll animations after each other. The Pin-Spacer of the first animation overlays the a tags at a certain scroll position and so there unclickable because they're overlayed by the pin-spacer. Is there any way I can make the a tags clickable? Mabe make the pin-spacer layer not blocking or something else. (if I enable pin Spacing the a tag gets clickable but then there's a huge white space between the two animations.) Thank you for your answers! See the Pen oNGydxG by pascalgehring (@pascalgehring) on CodePen.
Solution OSUblake Posted January 10, 2022 Solution Posted January 10, 2022 How about this? I'm just toggling a class that changes the pointer events from none to auto. See the Pen mdBzEPd by GreenSock (@GreenSock) on CodePen. 2
pascalgehring Posted January 21, 2022 Author Posted January 21, 2022 The toggleClass did the trick for me. I added z-index:100 for the toggleClass, because pointer-events:auto didn't seem to work. Thank you for your Answers! Best Wishes Pascal 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now