Home

Wiki Pages: Home | Setup | Options | Methods | Callbacks | Log

Visual Navigation (visualNav) jQuery Plugin

This plugin allows you to set up an automatically updating menu that highlights the in view content blocks and "current" block, or the block most in view. Originally it was made to only work with vertical layout pages, but it currently works with both horizontal and vertical layouts and a mix of the two (see the second demo page).

Note: By default, this plugin does not save the hash changes while scrolling or clicking on the menu. If you would like to save a history, especially on menu click, use a plugin like jquery-address or jquery bbq, or use the pushState() method within the complete callback.

Demos

• Vertical layout.
• Horizontal layout.
• Horizontal & vertical layout.
• Section stepper.
• Bootstrap

More Demos

• Playground - feel free to test or try out the plugin options here.
• Horizontal page - depending on your screen width, you will have to adjust the body width in the css.

More information

• See my blog entry
• For a full setup example, see the demo source.