Plugin jQuery pour un « One-page website » : SuperScrollorama !

J’ai découvert récemment le plugin jQuery SuperScrollorama. Il permet de gérer des animations contrôlées par le scroll afin de faire des sites web d’une seule page (idéal, par exemple pour un book / portfolio).

Tu peux le voir sur la démo du plugin, tout plein d’effets d’animation sont disponibles :

  • fondu enchaîné
  • agrandissement
  • rotation
  • le fond qui scrolle (horizontalement et verticalement)
  • effet de parallaxe sur plusieurs éléments

Ce plugin jQuery permet de faire plus facilement un effet à la mode actuellement. Le plus dur va rester de bien le configurer. Par exemple, pour chacune des animations, il faut utiliser la méthode « addtween » :

$(document).ready(function() {
   var controller = $.superscrollorama();
   controller.addTween('#fade', 
   TweenMax.from($('#fade'), .5, {css:{opacity:0}}));
});

J’espère que tu t’en sortiras ! 🙂

Ce contenu a été publié dans JQuery, avec comme mot(s)-clé(s) , . Vous pouvez le mettre en favoris avec ce permalien.

Une reponse a Plugin jQuery pour un « One-page website » : SuperScrollorama !

  1. Ping : 4 plugins jQuery pour un effet de Parallaxe | JQuery, PHP, html, design… // arnaud-k : un blog de geek

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *