Sticky Center Scroll Transition Between Sections (Wix Studio)

Ask the community
,
1

I’m having trouble with
Creating a scroll-driven section transition where the next section reveals behind a sticky element centered in the viewport, instead of the next section scrolling up from the bottom.

Working in
Wix Studio Editor

Site link
Specifically, I’m looking to match the first scroll animation on this inspiration site:
https://80s.studio-template.com/

What I’m trying to do
I’m trying to recreate a scroll interaction where an element stays pinned/sticky in the center of the viewport and acts as a visual transition between sections. As you scroll, the next section is revealed behind or around that centered element.

What I’ve tried so far
Sticky positioning on sections and elements, scroll animations, searching for “pinned section” and “sticky center scroll reveal” examples

So far, everything results in a standard bottom-up section scroll rather than a centered transition effect.

Extra context
I’m looking to match the first scroll animation on this inspiration site:
https://80s.studio-template.com/

2

Hi, @Brandon_Hostetler !!

Rather than thinking of it as one section placed behind another, I think it will work better if you imagine a single, vertically long section with a sticky container positioned at the very top. Then, as the user scrolls, you can have that container fade out in a shape-based animation, revealing the background underneath. :innocent:

1 Like