Axure Tutorial: Make Fixed Top Bar with Dynamic Panel


The fixed top navigation bar is a frequently used control. This control is shown when the screen scrolls over a certain distance. It is very helpful when the navigation bar needs to be visible.

Widgets Setup

1. Make the basic structure of the website: including the top nav bar (non fixed), banner and content area.

2. Make the top nav bar (fixed): Make it into a dynamic panel and pin it at the top of the window.

Interactions Setup

When the window scrolls beyond the bottom of the banner, the top navigation bar (fixed) is shown; Otherwise it is hidden.

In this way, all the settings are completed. If you have any questions and suggestions, please leave a message.

Note: Click here to download the completed RP file for this tutorial (RP 10 or up).

Well Joe @AxureBoutique, a technology writer and teacher, focuses on Axure prototype design and product design.

#axure widgets #ux design #Axure templates #Axure tutorial #Axure #Product Design & Product Manager #UI / UX / Interaction Design



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store