WebAppers

/ best free open source web resources /

Shopify

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.

slidernav

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

5 Comments
  • http://vandriessche-interieur.be/ interieur

    A very useful plugin.

    Can look really cool with some css :-)

  • http://www.fedmich.com/life fedmich

    Cool.
    I might use this on my anime website
    http://fedmich.com/anime/list/

    But I wonder how many likes/dislike this approach.

    Thanks for mentioning this :)

  • http://devgrow.com/ Monji

    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

  • http://websitecenter.ca/clients Iouri Goussev

    I used jQuery listnav plugin for that

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons