Skip to main content
Solved

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

C

fixed position 1

Fixed Position 2

Fixed Position 3

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.

Best answer by Celine_

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.
    Capture d’écran 2023-05-03 à 13.26.39

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

View original

21 replies

Celine_
Figmate
  • Celine_
  • Community Support
  • 3478 replies
  • Answer
  • May 3, 2023

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.
    Capture d’écran 2023-05-03 à 13.26.39

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

Mi-Ea
Dejan_Lipovac1
Gayani_S
3 people like this
  • Mi-Ea
    Mi-Ea
  • Dejan_Lipovac1
    Dejan_Lipovac1
  • Gayani_S
    Gayani_S
C

OK, I will do that- thanks.

Celine_
1 person likes this
  • Celine_
    Celine_
Kashou
  • Kashou
  • 10 replies
  • June 27, 2023

It’s no longer possible to keep a selection in fixed position when scrolling or resizing the screen. Unfortunately, Figma made this weird decision to have the selection stay in fixed position relative to top and not to bottom (if needed), and so if the selection is a tabbar, it has to be placed relative to top, and over scrollable content. This prevents a designer from presenting screens in Figma Design mode, and it also prevents developers from inspecting content that is underneath or masked by the tabbar. I think that Figma should allow fixed to bottom, so that the selection can stick to bottom when resizing or scrolling the screen, without obstructing the view of content that manager or developers need to inspect…

S
MaxBazarov
J
4 people like this
  • S
    Sarah_Miller1
  • MaxBazarov
    MaxBazarov
  • J
    Jason_Wehmhoener
  • Abigail_Scott
    Abigail_Scott
Kashou
  • Kashou
  • 10 replies
  • June 27, 2023

Have you found a solution? I reported this bug several months ago, I still don’t see any fix.

S
Sohel_Rana_UI_UX
2 people like this
  • S
    Sarah_Miller1
  • Sohel_Rana_UI_UX
    Sohel_Rana_UI_UX
Parker4
  • Parker4
  • 4 replies
  • August 11, 2023

Is there a solution to this issue? I am still experiencing this.

Sohel_Rana_UI_UX
1 person likes this
  • Sohel_Rana_UI_UX
    Sohel_Rana_UI_UX
J

Please address this issue.

J
Sohel_Rana_UI_UX
2 people like this
  • J
    Jessica_Zhu
  • Sohel_Rana_UI_UX
    Sohel_Rana_UI_UX
L

I am also getting this issue please help me with is

W
1 person likes this
  • W
    Whitney_Grove1
Sohel_Rana_UI_UX

I am still experiencing this. @Celine_Figma could you please make a tutorial video for this issue?

Celine_
Figmate
  • Celine_
  • Community Support
  • 3478 replies
  • December 11, 2023

Hi @Sohel_Rana_UI_UX ,
Sorry to hear you are having trouble with the fixed position. You should be able to see the fixed position in your right panel. If you are not able to see it, I’d recommend you to reach out directly to the support team with a copy of your file in order to investigate further: here
Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, and a quick video recording of the issue on your end if you are able to, so we can take a closer look. Thank you!

1 Attachments
Sohel_Rana_UI_UX

I did it. but after applying the position fixed and opening the proto, the element going to vanish. It’s a bug I think.

matine1
Dejan_Lipovac1
R
3 people like this
  • matine1
    matine1
  • Dejan_Lipovac1
    Dejan_Lipovac1
  • R
    Renuka3
Celine_
Figmate
  • Celine_
  • Community Support
  • 3478 replies
  • December 12, 2023

Hey @Sohel_Rana_UI_UX , it seems odd. As requested, it would be great if you can reach out to the support team with a quick video recording and a copy of your file, so we can try to replicate. Please include the whole window, with the properties and layers panels in view and relevant layers expanded, and select any layers you’re having trouble with so we can check any relevant settings.

Please fill out the form here: https://help.figma.com/hc/en-us/requests/new Thank you!

Dejan_Lipovac1
1 person likes this
  • Dejan_Lipovac1
    Dejan_Lipovac1
Dejan_Lipovac1

Screenshot 2024-01-16 at 12.22.55

Depending on you position where you want the element to be fixed, you should also setup Constraints. In my case, I wanted a button to be fixed down at the bottom of the screen, and it was missing after I applied the Fixed position (like you commented). But when I added constraints so the element is at the bottom centered, the Fixed position worked.

Good luck!

Katja_Lenkic
Apolline
Rosaliina_Ahvenjarvi
3 people like this
  • Katja_Lenkic
    Katja_Lenkic
  • Apolline
    Apolline
  • Rosaliina_Ahvenjarvi
    Rosaliina_Ahvenjarvi
Katja_Lenkic

Thank you so much. This solves the issue!

Dejan_Lipovac1
1 person likes this
  • Dejan_Lipovac1
    Dejan_Lipovac1
Jimmy3
  • Jimmy3
  • 1 reply
  • February 7, 2024

Solved!

Add the fixed element into a frame first.
Then set the frame to a ‘fixed’ scrolling position within the prototype settings.

Philipp_Albrecht

Removing the autolayout from the parent worked for me

C

+1 to:

  • adding it to a frame,
  • setting it to fixed,
  • and setting the constraints to bottom centred,

I also had to close my proto preview and reopen it to get it to display

P
1 person likes this
  • P
    Pablo19
R

I tried everything mentioned here and still the same issue: elements with constraints to center bottom, with no auto layout and set to be fixed (stay in place) are just not being shown at all, regardless I close and reopen preview mode.
Is there any other way? This looks like a bug for me and it’s really sad that something so simple like make an element stop at the bottom of the screen to be impossible to do in Figma so I am trying to find an alternative just for this.

Marta17
1 person likes this
  • Marta17
    Marta17
dvaliao
Figmate
  • dvaliao
  • Community Support
  • 4699 replies
  • May 21, 2024

Hey @Raysa_Marcelino, sorry to hear you’re still having issues after trying the solutions above!

This may be something specific to the way your layers have been set up. Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com, so they can take a closer look.

Catalin_Glodeanu

Having the same issue, when I select “Fixed” the element vanishes from the prototype

Nellya
  • Nellya
  • Power Member
  • 524 replies
  • December 25, 2024

It happens when constraints of fixed element are set incorrectly. Can you share a link to the file?

Dejan_Lipovac1

Yes, if you can share the link to the file to have a quick look!
Remove any NDA stuff from the file 😜 ✌️

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings