Simple jQuery Plugin For Animating Scroll With Easing - AnimatedScroll.js

Simple jQuery Plugin For Animating Scroll With Easing - AnimatedScroll.js
File Size: 74.6KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

AnimatedScroll.js is a simple jQuery plugin which allows to scroll to any part of the page with native jQuery UI easings support. Optionally, you can integrate with jQuery easing plugin for more advanced easing options.

Basic Usage:

1. Include jQuery library and AnimatedScroll.js script on the web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="./jquery.animatedscroll.js"></script>

2. Include jQuery easing plugin (optional)

<script type="text/javascript" src="./lib/jquery.easing.1.3.js"></script>

3. Call the animatescroll() function with the Id or Classname of the element where you want to scroll to.

$("SELECTOR").animatedScroll(
  {
    duration: 'normal', 
    easing: 'easeOutExpo'
  }
);

Change log:

v1.1.5 (2013-10-04)

  • Viewport width and height detection modified

v1.1.4 (2013-10-04)

  • Bug regression fix

v1.1.3 (2013-08-22)

  • Horizontal scroll appearence bug fix

v1.1.2 (2013-08-22)

  • updated to the latest version

v1.0.3 (2013-08-09)

  • Bug fix: always() method replaced with complete()

This awesome jQuery plugin is developed by yevhentiurin. For more Advanced Usages, please check the demo page or visit the official website.