Wondering how to make a "sticky" navigation bar, even when. the page scrolls?

Hi, i’m making a Study Buddy app and am trying to add some content around a particular exam, example questions etc.

I need the page to be scrollable in order to add the amount of content that i need but i want the navigation bar to be “sticky” to the bottom of the page. My navigation bar is just a button as “background” and then images for the icons.

Any ideas on how to make this sticky to the bottom of the page?

For reference this is what my page elements look like:
( i don’t have the elements that will be “scrolled” to in the page yet.)


Use a Layout with two containers. The top container should be scrollable but the bottom container should not be. Put your main content in the top container and your navigation bar content in the bottom container. Give either or both containers a top/bottom margin so that they don’t run into each other.

thank you so much!!

1 Like

@69521nf3gp7 It seems like Tatian was able to help solve your issue.

:white_check_mark: Check please!

Sometimes people know the exact answer you are looking for and sometimes they might even go so far as to create an example just for you that completely solves your problem. It looks like that is the case here. Please click the little checkbox and mark their answer as “solved”

community_solved