Smooth Scroll-controlled Animations With TweenMax – Scrollissimo

Category: Animation , Javascript | August 25, 2015
Author:Promo
Views Total:2,279 views
Official Page:Go to website
Last Update:August 25, 2015
License:MIT

Preview:

Smooth Scroll-controlled Animations With TweenMax – Scrollissimo

Description:

Scrollissimo.js is a JavaScript library that triggers TweenMax.js based smooth animations on the element when scrolling towards it.

Basic usage:

Add GSAP’s TweenMax.js and Scrollissimo.js to your html page.

<script src="/path/to/TweenMax.min.js"></script>
<script src="/path/to/scrollissimo.js"></script>

Include the scrollissimo.touch.min.js for touch devices support.

<script src="/path/to/scrollissimo.touch.min.js"></script>

Initialize the Scrollissimo.

$(window).scroll(function(){
  Scrollissimo.knock();
});

Animate elements as you scroll down the page.

TweenLite.to(element:object, durationInPixels: number, params: object);

Add this tween to Scrollissimo.

Scrollissimo.add(<Tween|Timeline>, <StartPixels>, <MaxSpeed>);

You Might Be Interested In:


Leave a Reply