NavSide
DEMO: http://carlosmarch.es/navside/
How to use
Include Jquery & Jquery Easing in your website. Add also navside.js & navside.css in your page.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="assets/js/jquery.easing.min.js" type="text/javascript"></script> <script src="assets/js/jquery.navside.js" type="text/javascript"></script> <link href="assets/css/navside.css" rel="stylesheet" type="text/css" />Create a menu with the id #navside, and put it just after the 'body' tag.
<nav id="navside"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Page-1</a></li> <li><a href="#">Page-2</a></li> </ul> </nav>Call the plugin with options.
$("#navside").navside({ position : 'left', // options for Position: 'left' or 'right'. Default is 'right' scroll : 'fixed' // options for Scroll: 'hidden' or 'fixed'. Default is 'hidden' }); 
