Scroll smoothing and pointer events issue

[Jloafs]

Hi guys

 

I'm trying to create a footer that is revealed when the bottom of the page is reached. I have the footer in a fixed position at the bottom of the screen (outside of the scroll smooth wrapper) and using z-index to keep it under the page body. However Ive run into an issue - footer links are not clickable. I've tried numerous combinations of pointer-events on different elements but can't get this to work.

 

Can anyone shed any light on this issue?

 

Many thanks in advance.

See the Pen WNyMqyG by jloafs-DM (@jloafs-DM) on CodePen

[GreenSock]

First of all, thanks for providing such a great minimal demo! That makes it so much easier to troubleshoot.

 

I'd probably just use a ScrollTrigger to pin it from inside the content: 

See the Pen yLEKLKb by GreenSock (@GreenSock) on CodePen

 

Does that help? 

[Jloafs]

Oh that's perfect - thanks so much