Click Here to Download....
Click Here to Download....
jQuery One Page Nav
A lightweight jQuery plugin for the navigation on one-page sites. Adds smooth scrolling when clicking on the navigation and automatically selects the correct navigation items as you are scrolling through the different sections.Usage
$(document).ready(function() { $('#nav').onePageNav(); });
Markup
<ul id="nav"> <li class="current"><a href="#intro">Intro</a></li> <li><a href="#usage">Usage</a></li> <li><a href="#examples">Examples</a></li> </ul>
Options
- currentClass: Class to add to the nav to indicate the current item. Defaults to current.
- changeHash: Whether you want to change the hash when a user clicks on the nav. Defaults to false.
- scrollSpeed: Speed at which the page will scroll upon clicking on the nav. Defaults to 750.
- scrollThreshold: Percentage of screen at which the next section should become current. Defaults to 0.5.
- filter: Selector of links to filter out of one page nav functionality.
- easing: Easing method. Defaults to swing.
- begin: Function to call when the scrolling starts.
- end: Function to call when the scrolling ends.
- scrollChange: Function to call when you enter a section. The current nav item gets passed in.
Examples
Click Here to Download....