Animated Screen Scrolling Effects Plugin with jQuery - jqueryScrollScreen

Animated Screen Scrolling Effects Plugin with jQuery - jqueryScrollScreen
File Size: 5.47 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

jqueryScrollScreen is a lightweight (~2kb minified) jQuery plugin that allows to scroll screen to any html elements with easing animation effects.

Basic Usage:

1. Include jQuery library and jqueryScrollScreen on your web page

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="scrollScreen.min.js"></script>

2. The HTML

<div id='demo'></div>

3. Call the plugin with full options

$('#my_div').scrollScreen( 
{
  'speed'               : integer, 'slow', or 'fast' DEFAULT = 400
  'easing'              : string, DEFAULT = 'swing'
  'horizontal_position' : center, 'left', 'right', or 'none' DEFAULT = 'center'
  'left_padding'        : integer DEFAULT = 20
  'right_padding'       : integer DEFAULT = 20
  'vertical_position'   : 'middle', 'top', 'bottom', or 'none' DEFAULT = 'middle'
  'top_padding'         : integer DEFAULT = 20
  'bottom_padding'      : integer DEFAULT = 20
  'delay'               : integer DEFAULT = 500 //The delay between scrolling between each element if mmore than one element is provided
} 
);

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