Skip to main content
AndyGandy
AndyGandy
April 10, 2021

Fix Position when scrolling for background (or any other layer not on top)

  • April 10, 2021
  • 25 replies
  • 19721 views
  1. Describe the problem your experiencing and how your idea helps solve this

Background scrolls with other elements. When I set “Fix position when scrolling” it jump upper and overlap other elements.

  1. Goal

Make background static when other elements can be scrolled on top of it.

  1. Solution

Add 3rd tab of scrolling type in the next order:

FIXED
…
SCROLLS
…
BACKGROUND or “BACK ELEMENTS” which is fixed but placed under the "SCROLLS’ layers.

Thanks!

    25 replies

    Show previous replies
    Chrtz
    Chrtz
    October 13, 2022

    You don’t have to set the element (e.g. the background image) which has an absolute position to the top.

    Just to make sure you set the order of the parent auto-layout frame to first on top (have a look at the image attached).

    UI of auto-layout settings with selected order of showing the first element on top

    Sebastian_Mallol
    Sebastian_Mallol
    December 5, 2022

    I’m having the same issue while creating an agenda table view where some elements need to be fixed below others that scroll. 🥺
    I’m pretty sure you could do this on older versions of Figma, wich is weird.

    Veronica_Alegria1
    March 20, 2023

    Here you can see how to fix this, it worked for me! https://www.figma.com/file/CEwOHEoQ28tCwsH3sHibuV/Prototyping-Tips-%26-Hacks-(Community)?node-id=63-582&t=mPZVwj5R8GDNoCJa-0

      DJDesigns
      DJDesigns
      May 3, 2024

      I tried this fix for the same problem, but it’s not working. I also have a fixed navbar in addition to the fixed background image.

      Marc_Haumann1
      Marc_Haumann1
      New Member
      May 24, 2024

      @Veronica_Alegria1 has a great “hack” solution for this, but to the Figma team: I wouldn’t consider this fully solved since a native solution would be much better. I want to +1 all the requests to allow elements to be “fixed” while maintaining their existing place in the layer hierarchy. That just seems to make much more sense from a flexibility and control standpoint. While it might make the layers panel interface potentially more convoluted, there must be ways to visually differentiate these elements other than section headers “FIXED” and “SCROLLS”.

      Terms & ConditionsAccessibility statement