top of page
Search
  • Writer's pictureLisa Ratner

Prototyping a Sticky Navbar with Axure


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

910 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&qid=1550687706&sr=8-5&keywords=makeup+plastic+organizer Option

bottom of page