top of page
Search

Prototyping a Sticky Navbar with Axure

  • Writer: Lisa Ratner
    Lisa Ratner
  • Nov 28, 2014
  • 1 min read

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

 
 
 

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