Streaming live at 10am (PST)

Stop element from being sticky after certain scroll point

Hi,

Is there anyway to have an element stop being sticky after you scroll past a certain point on the page? Sort of like this image on the homepage of webflow’s site.

Thank you

The sticky effect is limited to the parent of the sticky element. So when the parent leaves the page, it drags the sticky element with it.

Do you know how they had the text scrolling besides the image will the image stayed sticky?
Thank you for your help

blue element contains the animation and is sticky. it will stick up and end sticking when its green parent will leave the page

orange div is sibling to the blue (blue is like absolute), and its content scrolls normally above and past the animation

2 Likes

Thank you! That makes sense now