bdepalmo

Zach, thank you for the reply it is much appreciated. Animating the Y axis position of each panel kills the ability to pin a fixed background image on each panel. I was hoping to have a panel pinned to the top with a background image, have the content scroll over it, and then reveal the next panel with the bg image no longer pinned and the sections moves out of view (repeating this for several sections).

Hello, I was hoping someone could point me in the right direction. I am trying to achieve a layered curtain effect where sections are pinned and then reveal the next section. My issue is I want to achieve this effect variable height sections. Height would be set by the content and not be limited to 100% or 100vh. In my included codepen I made the height of the first section 2000px and obviously the breaks as pinSpacing is set to false. This site (https://www.elgato.com/en/wave-1) has an excellent example of what I am trying to achieve. If you scroll down to the "Get Amped Without Clipping" section.