Skip to main content
Question

Multiple fixed background images


Bree_Owen

I am creating an app that is a “roadmap”. It’s divided into four sections. With each section I want a different fixed background image. I see how to scroll over single fixed background but not able to pinpoint how to have the background change to another fixed image at a certain scroll point?

This topic has been closed for replies.

4 replies

IraX
  • Active Member
  • 145 replies
  • June 5, 2023

You could set multiple images as “Sticky” as long as each subsequent image was above the previous. While this employs auto layout, the images are absolutely positioned to get them below on the z.

I don’t think it’s possible 🤔 for the currently fixed image to scroll again after sticking, so we’re left with the next image scrolling over it.

Figma – 5 Jun 23

Bree_Owen
  • Author
  • 2 replies
  • June 5, 2023

Thank you for the suggestion! I’ll try to do this 🙂


Bree_Owen
  • Author
  • 2 replies
  • June 9, 2023

Sorry to bug you, can you please explain how you accomplished this?


IraX
  • Active Member
  • 145 replies
  • June 9, 2023

The link to the file is above; you can see everything there. I added a second one that does not use auto layout. As I said earlier, use “Sticky” and absolutely position the images so they’re below the content on the z-axis.


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