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:

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!