Figma Support Forum

Preserve vertical scroll position on smaller screens than prototype


First of all, I have a mobile design for an app and I want to create a bottom navigation bar that keeps on the same position when scrolling. That’s easy, just click on Preserve scroll position.
Now, when sharing my prototype to other mobile users, with smaller screens, they see a fraction of the bottom bar or no bar at all.
In the examples, the first is the prototype shown on a PC. The frame is set to fit an Iphone X (because the client has one). I try to see it on my Huawei P20 in both Figma Mirror and the browser and the frame is gone.
I tried setting the constraints from top to bottom or center, but the vertical position just goes anywhere.

Shown on PC, sized for an Iphone X

Shown on Figma Mirror for Huawei P20

Shown on browser for Huawei P20

Could you show a screenshot from the editor with the right and left panels open when the bottom navigation bar is selected?

Sure, thanks for your help :slight_smile:

Convert this group to a frame and move this frame to the bottom of the screen (where the content ends).

1 Like

Thanks! I set the constraint to bottom and converted the group to a frame. :slight_smile:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.