How to make a “fixed but stops before footer” element in Figma Prototype?

Question

Hi everyone :-)I’m trying to prototype a menu that stays fixed in the bottom-left corner while scrolling, but stops (or “sticks”) right before reaching the footer so it doesn’t overlap.In real code this would be a simple position: sticky with a stopping boundary, but I can’t find a clean way to reproduce this behavior in Figma.What’s the best way in Figma to simulate a sticky element that stops before overlapping another element (like a footer)?Any tips, alternative workflows, or plugins that could help?Thanks in advance xx

Nellya · Answer

Hi. In this case, you can useStickyinstead ofFixed. Place the element inside the containerwhere you want it to be sticky. However, prototypeshould have afixed height (you can use device or custom size in prototype settings) for the sticky behavior to work properly. For example, i used a device with a screen height of 568 px, so i set my sticky element to the same height.Example

Sign up

Login with SSO

Login to the community

Login with SSO