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.