ScrollIt.js - Easy to create paginated

ScrollIt.js makes it easy to make scrolling pages like this one or add scrolling functionality to existing pages.

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...

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: bytemuse.com

1. INCLUDE JS FILES

<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="scrollIt.js" type="text/javascript"></script>

2. HTML

<a data-scroll-nav="0">About</a>
<a data-scroll-nav="1">Usage</a>
<a data-scroll-nav="2">Options</a>

<div data-scroll-index="0">..content..</div>
<div data-scroll-index="1">...</div>
<div data-scroll-index="2">
    ...
    <a data-scroll-goto='0'>Back to top</a>
</div>

3. JAVASCRIPT

$(function(){
  $.scrollIt();
});

4. OPTIONS

$.scrollIt({
  upKey: 38,             // key code to navigate to the next section
  downKey: 40,           // key code to navigate to the previous section
  easing: 'linear',      // the easing function for animation
  scrollTime: 600,       // how long (in ms) the animation takes
  activeClass: 'active', // class given to the active nav element
  onPageChange: null,    // function(pageIndex) that is called when page is changed
  topOffset: 0           // offste (in px) for fixed top navigation
});