One Page scroll Navigation with jQuery Plugin

there have a freelance project where a one-page site makes sense,

The Markup

 

 

there with an unordered list for the navigation and a bunch of sections:

 

Section 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

Section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

Section 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

The JavaScript

Then,add jQuery, the ScrollTo plugin, and my plugin to the page:

Finally,  just need to call  plugin on the navigation:

$(document).ready(function() {$('#nav').onePageNav();});

Download: http://www.htmldrive.net/items/download/1094

Leave a comment