How can I create a floating main content with a fixed footer and banner?

Store Design
, , , ,
1

Hi everyone,

I would like to create an animation, where the first image banner and the footer are in a fixed position and the content of the website floating on top revealing the footer. Can someone help me create this? See attachment: https://cdn.shopify.com/videos/c/o/v/6d672764c7b440e6b1d3dbabbe1a9c78.mov

2

Hey, check out this video, it’s exactly what you’re looking for:

Revealing footer with position: sticky! | Quick CSS-only Tutorial | Keyssentials by @keyframers (youtube.com)

3

Can you help me? Where do i put the code?

4

You would need to share the URL of your store with me to find out the names of the classes in your HTML containers.