/ best free open source web resources /

Graphic Resources

Dynamic, Sliding Content Using Vertical Navigation Bar

Posted · Category: BSD License, GPL License, Menu, MIT License

SliderNav is a JQuery plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It is made mainly for alphabetical listings but can be used with anything, though longer words can look a bit awkward.

SliderNav automatically adds the navigation and sets the height for the object based on how tall the navigation is, in order to make sure users have access to the entire list. We used overflow: auto; property for the actual content so you can use your mousewheel to scroll through the content as well. It has been tested (and works fine) on Firefox 3, Chrome 5, IE7, Safari 4 and Opera 10.


Requirements: jQuery Framework
Demo: http://devgrow.com/slidernav-jquery-plugin/
License: MIT, BSD, and GPL License

  • A very useful plugin.

    Can look really cool with some css :-)

  • Cool.
    I might use this on my anime website

    But I wonder how many likes/dislike this approach.

    Thanks for mentioning this :)

  • Thanks for featuring my plugin, I appreciate it!

    @fedmich – if you end up using it, let me know (@mdolon or @devgrowblog), I’d love to see how it turned out!

  • Manthan

    i may use this in my site
    thanx for this content

  • I used jQuery listnav plugin for that

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons