Scroll smoother Parallax header image in GSAP Posted May 10, 2022 Hi There, I am trying to create a parallax effect an a header image with scroll smoother like in the attached codepen. This is my example where im trying to create this effect: https://dev.delfgou.nl/templates/content-template/ It looks like its not working because it arrives at its normal position in the document flow when it's centered vertically (the image above in the footer works). But i'm not 100% sure. Is there a way to create the effect from the codepen? Thanks! Marc See the Pen zppMBX by webmadewell (@webmadewell) on CodePen
Scroll smoother Parallax header image
in GSAP
Posted
Hi There,
I am trying to create a parallax effect an a header image with scroll smoother like in the attached codepen.
This is my example where im trying to create this effect: https://dev.delfgou.nl/templates/content-template/
It looks like its not working because it arrives at its normal position in the document flow when it's centered vertically (the image above in the footer works). But i'm not 100% sure.
Is there a way to create the effect from the codepen?
Thanks!
Marc
See the Pen zppMBX by webmadewell (@webmadewell) on CodePen