How to do fixed background image

Hi everyone, does anyone know how to do fixed image in the background when scrolling?
I already did 2 frames.On overflow behaviour, 1 frame for vertical scrolling, 1 frame for no scrolling, but it didnt work, any answer will be appreciated, thank you

2 Likes

You need to enable scrolling in a nested frame inside of the main one, then put anything you want as a background in the main frame — it will not scroll.

Check out examples in this file: https://figma.fun/GfJsF7

3 Likes

The issue with this for me in my current project is that I need that scrolling frame to clip content in order to go under the top nav bar, which means I can’t actually work on the stuff further down on longer pages because I can’t see it. Sure, I can turn off clip content momentarily to get to that content, but stakeholders who are viewers can’t do that. I also have to remember to turn clip content back on every time I’m done so as not to mess up the prototype.

Would be great to be able to put fixed elements wherever you want in the layer stack.

4 Likes