Simple jQuery One Page Navigation Plugin

One Page Navigation is a lightweight jQuery plugin for the navigation on one-page sites. This plugin allow us to scroll page smoothly when the navigation was clicked, it’s use the jQuery ScrollTo plugin. The page also automatically highlight the correct navigation section depending upon which section was scrolled to.

one page navigation Simple jQuery One Page Navigation Plugin

There are a few options for this plugin:

  • currentClass: ‘current’

    Class to add to the list item when the navigation item is selected

  • changeHash: false

    If you want the hash to change when the user clicks on the navigation, change this to true

  • scrollSpeed: 750

    Speed to scroll the page when the navigation is clicked

Requirements: jQuery Framework
Demo: http://trevordavis.net/play/jquery-one-page-nav
License: License free

Incoming search terms for the article:

Related Posts

ExpandingTextarea jQuery Plugin

TipTip jQuery Plugin

Lazy Line Painter

How to Code a Clean Web 2.0 Style Web Design from Photoshop

1 Comment

  1. akhil

    01.01.2011

    Did the same thing with my webiste. but i was wondering if we can extend the webpage to navigate to the sides as well?
    cheers
    akhil