ScrollIt.js

About

ScrollIt.js(scroll•it•dot•js) makes it easy to make scrolling pages like this one or add scrolling functionality to existing pages. Here's a brief blog post explaining it.

This is why it rocks:

Easy to implement: One JS call, just put data- attributes on the DOM
Lightweight: ~1kb minified
Active Class: Your navigation is updated automatically
Configurable: Set the animation easing, duration, callbacks and more
Keyboard Navigation: Press the up and down keys to move...

Usage

1) Include jQuery and scrollIt.js

2) Put a data-scroll-index attribute on each section

3) Put corresponding data-scroll-nav attributes on each nav element

4) For links to sections, put on a data-scroll-goto attribute

5) Call scrollIt()

View the source of this page for an example

Options

customize scrollIt.js, simply pass in an options object: (defaults shown)

Credit

ScrollIt.js was created by @ChrisPolis - ByteMuse.com.

Feel free to use, share and fork it. It's on Github.

Enjoy!