Examples

• 垂直位置导航
• 水平位置导航

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.