I'm having trouble with pinned sections

[cagkebabi]

I have a problem with the z-index of the footer in animations created with pinned sections. What I want to do is to make the footer clickable. I couldn't find a solution for this. Could you please help me?

See the Pen raBVMeb by CagKebabi (@CagKebabi) on CodePen.

[Cassie]

Hey there!

 

Z-index can be a little tricky, I recommend this article - https://www.joshwcomeau.com/css/stacking-contexts/

 

In this case you needed to add pointer-events none on the blocking element, move the z-index of the footer up one, and the last section 4 up one (and also add position:relative on the sections so that the z-index took effect)

 

See the Pen NPKqEOj?editors=0111 by GreenSock (@GreenSock) on CodePen.