How to prototype a sticky nav bar and scroll with parent settings

Are you struggling with sticky elements that hide your status bar and navigation?

You're in the right place.

I will show you how to fix it in a few seconds.

First, you need the element you want to scroll and then put it in your frame.

Next, create another frame that you want your element to scroll within.

Next, place all the elements you want to scroll within this frame.

Then go into prototype mode and set the scrolling behavior to scroll with the parent and vertical.

We're going to fix the home indicator, status bar and navigation bar to make them stay in place.

We are going to take the tab menu, put it in a frame and enlarge the frame.

Make sure that the tab menu is at the very bottom of the frame.

Next, we will select this frame, set it to sticky and choose the tab menu to scroll with the parent.

#figmatips #figmaprototyping #uidesign