Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
Scrollissimo
[go: Go Back, main page]

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