Jloafs Posted November 23, 2022 Share Posted November 23, 2022 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 Link to comment Share on other sites More sharing options...
Solution GreenSock Posted November 23, 2022 Solution Share Posted November 23, 2022 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? 2 Link to comment Share on other sites More sharing options...
Jloafs Posted November 23, 2022 Author Share Posted November 23, 2022 Oh that's perfect - thanks so much Link to comment Share on other sites More sharing options...
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