I want to fix an element when scrolling. When in prototype mode, the fixed position element disappears



Hello,

I want the ‘Request for Quote’ button and its background to fix position when scrolling. I manage to get it “fixed” in the prototype tab, but it then this button doesn’t appear in prototype mode. Please see pictures.

I’m not sure if I’ve set up constraints properly or not. It’s a long screen, so I don’t want it right at the bottom of the screen, I want it stuck at the Y 756 axis point. Not sure if its an auto layout issue either since I thought absolute position could override any issues with auto layout and fixed-position elements when scrolling.

Thanks.

Hi @Caroline_Keane ,
Thanks for reaching out the Community! It is odd, it should work when you select the “Fixed”.

To cover some bases in how to select “Fixed”:
You can only apply one scroll position to each object.

  1. Select the object, group or component in the canvas.
  2. Open the Prototype panel in the right sidebar.
  3. In the Scroll behavior section, select the Position dropdown.
    Choose : Fixed
  4. Click the present icon to view the prototype in Presentation view and see the results.

In order to have a deeper look into your prototype file, you can also share a link to an example file here so anyone can help find the cause.
Still, if you would prefer not to share your file publicly, you can temporarily invite a representative of the Support team to the file (support-share@figma.com) and shared link to the file in question - by filling the form : here

1 Like

OK, I will do that- thanks.

1 Like