Scrollor

JQuery plugin for scroll page and/or element(s) by one line of code.

Plugin Name:		Scrollor
Author:			Farhan Wazir
Email:			seejee1@gmail.com
Plugin URL:		http://cideator.com/jquery/scrollor
Company Info

Email:			cideator@gmail.com
Website:		http://cideator.com

Features:

1. Scrollor, find target automatically and element get in focus. Plugin just need target id, i.e $(target_id).scrollor()
2. You can scroll single or both (x or y or xy and/or yx) axis
3. You can set your duration.
4. You can set animation easing, defaults are "swing" and "linear". If you want more then use jquery UI
5. You can adjust your scrolling layout by offsetTop and offsetLeft
6. 3 different triggers you can use, onStart, onAfterEach and onAfter

Usage

• $(target_id).scrollor({options here})

Options

• duration: (Number), default:500 in miliseconds, example: 1000 = 1 second
• durationMode: (Boolean), default:true true/false
• easing: (String), default:"swing" available "swing" and "linear", for more use jquery UI
• offsetTop: (Number, default:0) it is margin-top of target element/object
• offsetLeft: (Number), default:0 it is margin-left of target element/object
• animateBoth: (Boolean), default:true if false then animate first axis and then another axis, example: if axis: 'yx' so first scroll y and then x
• axis: (String), default:'xy' 4 different variation you can use 'x' or 'y' or 'xy' or 'yx', if animateBoth: true then 'xy' and 'yx' both equals to 'xy' and it is false then scrollor scroll first letter of axis and then other
• onStart (Function), default:none this is event, it triggered before scrollor start scrolling
• onAfter (Function), default:none this is event, it triggered after scrollor complete scrolling
• onAfterEach (Function), default:none this is event, it triggered after each axis scroll, it works when animateBoth set to false

Demo

see demo at http://cideator.com/jquery/scrollor#demo

Copyrights © 2014, Creative Ideator.