Flexible Nav – A jQuery Plugin For A Unique Navigation

Flexible Nav is a jQuery plugin that can automatically generate a sitemap-like navigation for web pages.

It analyzes the heading tags of the page and displays them on the right side of the page as links by proportionally keeping the distances between each item.

Each link gets users to the related items and, as the user scrolls, the navigation keeps showing "on which part of the page you are".

jQuery Flexible Navigation

As the name states, the plugin is flexible in many aspects; it can target any custom tags (rather than headings) or create the navigation for a given wrapper rather than the whole <body>.

The plugin is specially handy for web pages that are updated frequently in a given structure as there will be no need to update the navigation each time.