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);