Hey all,
Can someone please take a stab at the “hero7” section of GoPro website https://www.gopro.com and show me the read-only link or help me understand how they did this??
I understand the hero section, footer, transparent pngs with scroll animations…, I just can’t figure out how they positioned the image of the hero7 camera to scroll into view after scrolling down from hero and then it stays there during the duration of scrolling and then scroll out of view once you get to the footer.
I tried fixed positioning but obviously, that didn’t work because it shows the camera in the hero, I tried some absolute and overflow :scroll ideas and none of those worked either
Please help? I don’t have a read-only link because I frustratingly deleted everything after hours of trying.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)