top of page
Search

Prototyping a Sticky Navbar with Axure

Writer's picture: Lisa RatnerLisa Ratner

Today I prototyped a sticky navbar and I have assembled instructions on how to do so using conditional statements with Axure.

This video shows what the final product will look like. Note that when the window scrolls down, the navbar moves from below the header to the top of the window and remains there throughout the scrolling of the page. Also note that as the window scrolls, the navbar menu items activate.

Here are the steps:

Screen Shot 2014-11-26 at 2.53.47 PM.png
Screen Shot 2014-11-26 at 2.54.13 PM.png
Screen Shot 2014-11-26 at 3.07.12 PM.png
Screen Shot 2014-11-26 at 3.07.21 PM.png
Screen Shot 2014-11-26 at 4.11.12 PM.png
Screen Shot 2014-11-26 at 4.11.53 PM.png
Screen Shot 2014-11-26 at 4.14.25 PM.png
Screen Shot 2014-11-26 at 4.14.37 PM.png
Screen Shot 2014-11-26 at 4.15.44 PM.png
Screen Shot 2014-11-28 at 12.35.25 PM.png
Screen Shot 2014-11-28 at 12.48.48 PM.png
Screen Shot 2014-11-28 at 1.47.56 PM.png
Screen Shot 2014-11-28 at 1.48.15 PM.png
Screen Shot 2014-11-28 at 1.53.11 PM.png

918 views0 comments

Recent Posts

See All

Post-It Lady Supply List

Organizers: Portable & Easy Access Option 1 https://www.amazon.com/STORi-Premium-Quality-Plastic-Palette/dp/B01BNTP2BS/ref=sr_1_5?ie=UTF8...

bottom of page