Animaciones lisas de desplazamiento controlado con TweenMax-Scrollissimo
| Autor: | Promo |
|---|---|
| Views Total: | 3,120 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 25, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Scrollissimo. js es una biblioteca de JavaScript que desencadena las animaciones suaves basadas en TweenMax. js en el elemento cuando se desplaza hacia ella.
¿Cómo funciona?
Agregue el TweenMax. js y el Scrollissimo. js de GSAP a su página HTML.
<script src="/path/to/TweenMax.min.js"></script> <script src="/path/to/scrollissimo.js"></script>
Incluye el scrollissimo. Touch. min. js para la compatibilidad con dispositivos táctiles.
<script src="/path/to/scrollissimo.touch.min.js"></script>
Inicializar el Scrollissimo.
$(window).scroll(function(){
Scrollissimo.knock();
}); Anime los elementos mientras se desplaza hacia abajo en la página.
TweenLite.to(element:object, durationInPixels: number, params: object);
Añada esta interpolación a Scrollissimo.
Scrollissimo.add(<Tween|Timeline>, <StartPixels>, <MaxSpeed>);
