Skip to main content
Question

Using overlay in Prototype

  • May 25, 2024
  • 1 reply
  • 61 views

Hi,

This is my first post so please go easy. Im having issues with a prototype I am making, I will try and outline the interaction flow so you get a sense of where I am struggling.

  1. I have a list of names
  2. When you click a name, an overlay slides in from right to left, revealing the profile of said name. Lets say ‘Bob Smith’
  3. You are then able to vertically scroll downwards to see more of the users profile. Such as personal details etc.
  4. You can click close to make the overlay dissapear, or, click anywhere off the panel
  5. I then scroll down further names, open up another. Works perfectly as per previous steps
  6. I then go back to the same name I first opened (Bob Smith), however, the overlay is starting me at the point I left on that overlay - not the start of it which makes the experience super odd. As it basically throws you into the middle of the profile.

How do I get it so the overlay always starts at the same point regardless of where I scrolled down?

I tried using the ‘Reset Scroll position’, but that seems to have the wrong outcome. When I use this, I close the persons profile, but then takes me back to the top of the list of names everytime - which is super annyoying if you are a long way down?

Any help would be appreciated!

1 reply

y_toku
Figmate
  • Community Support
  • 2317 replies
  • May 28, 2024

Hi there,

Thank you for reaching out. Since I haven’t reviewed your file yet, I may not fully understand your request. Are you looking to open an overlay frame at a specific point? If so, you can manually set the position.

Or, to review your file in details, would you be able to share the file link with access to support-share@figma.com? It won’t affect your billing. I hope I can investigate it further.

Thanks!
Toku


Reply


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