Scrollissimo

Javascript plugin for smooth scroll-controlled animations

Download

from repository: 
https://github.com/Promo/scrollissimo
... or via bower: 
bower install scrollissimo

Connect

Greensock: 
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
Scrollissimo: 
<script src="dist/scrollissimo.min.js"></script>

Use

Trigger Scrollissimo on each scroll: 
$(window).scroll(function(){
    Scrollissimo.knock();
});
Add Greensock Tween (Timeline) to Scrollissimo: 
var myTween = new TweenLite($('#myElem'), 1000, { top: 100, left: 350, rotation: '270deg', opacity: .7, scale: 2 });
Scrollissimo.add(myTween, 0, 25);