Wednesday 17 December 2014

jQuery One Page Nav

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.

Click Here to Download....

No comments:

Post a Comment