Navigation bar on the right of the page with jQuery

Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web page navigation and helps to visualize different sections of a document, an article,.. any web page.

Nav links are distributed proportionally to the page sections. See how your scrollbar “weds” these links 🙂

Usages

Generation and Flexibility

The library can generate for you the nav sidebar content providing elements to display in navigation.

By default, it uses h1 to h3 elements to retrieve and locate the different sections of a document but you can override these elements selector.

You have usually two kind of selected elements to use:

  • Select a title. The link will take the title as text.
  • Select any container and add a data-navtext attribute to define the title you want.

 

Be Sociable, Share!

Leave a comment