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/scrollorCompany Info Email: cideator@gmail.com Website: http://cideator.com
- Scrollor, find target automatically and element get in focus. Plugin just need target id, i.e
$(target_id).scrollor()
- You can scroll single or both (x or y or xy and/or yx) axis
- You can set your duration.
- You can set animation easing, defaults are "swing" and "linear". If you want more then use jquery UI
- You can adjust your scrolling layout by offsetTop and offsetLeft
- 3 different triggers you can use, onStart, onAfterEach and onAfter
$(target_id).scrollor({options here})
- 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
Copyrights © 2014, Creative Ideator.