I have MP with Bricks and I went straight to MP for the animation but can't seem to figure this one out
I am looking to have all the sections on the page stacked in z-space. When scrolling, the top-most section would scroll up revealing the section below. Continued scrolling would reveal the next layer down and so on.Â
I set each layer's initial position to top:0 left:0 and position:absolute. I then set each section to min-height:100vh to fill the browser viewport. I then set each sections z-index accordingly so that the first section is on top and each subsequent section is underneath the previous one in Z-space.
I managed to get this working for the first and second sections but my approach stopped working. Even with the same settings so something is off.
I've searched around and haven't found anything. It's actually kind of tough to describe the animation in Google to search for something that might match.
Any advice on how I could pull this off?