Streaming live at 10am (PST)

Sticky section fade out when other sticky section moves over it

Hi all,

I’m working on a homepage where i’m using the ‘sticky’ option to bring a few different sections into view (effectively layering on top of each other), and I’m wondering if it’s possible to have the section that is being covered (by the next section scrolling in on top) to fade out, or have a darkened overlay fade in over the top as it’s disappearing?

Hope that makes sense!

See preview below on desktop (its the Strength & Conditioning and Golf Physio sections im referring to)

Here is my public share link: LINK
(how to access public share link)

Anyone able to help with this?

With a While scrolling in view interaction

1 Like

Thanks Vincent, it’s not exactly what i wanted to do (was wanting it to use more of the blue colour overlay) but it’s definitely good enough for me to use!

Appreciate it!