S U P E R V I E

S U P E R V I E

scrollmagix - tuto d'intégration, pour moi

Je suis en train d'essayer le plug-in scrollmagix de Jan Pepke.

 

J'ai intégré tout ça dans une petite page de test, ça fonctionne.

 

Pour le moment c'est basique, le "sélecteur" doit être un objet du DOM, un div par exemple, mais dans l'ensemble ça va, c'est pratique, ça marche si je déclare mon tween directement dans la "scène".

 

Ce qui est pas mal c'est qu'on dirait qu'il joue le tween en "reverse" quand on scrolle back vers le haut de la page, donc ça c'est pas mal.

 

Par contre faut que je voiye encore avec les histoires de offset. Mais je sais pas si c'est très utile. Sinon, GSAP, comme j'ai les bases ça va être marrant..

 

Il reste encore à faire que tout ça soit esthétique.. Bref, content !

 

 

var myController = new ScrollMagic.Controller();

 

var myScene = new ScrollMagic.Scene({

  /*

  duration: 200,

  offset: 100 , ça me pose pb ici..

  */

  triggerElement: '#trigg'

 }).setTween("#thirddiv",0.5,{ scale: 1.5 , backgroundColor: 'red'   }).addIndicators().addTo( myController );

 

 

 



30/05/2018
0 Poster un commentaire