ScrollMagic è un plugin jQuery che permette di utilizzare la barra di scorrimento come una barra di avanzamento.
Se cercate qualcosa che vi permetta di avviare un’animazione in una posizione di scrolling specifico, di sincronizzare un’animazione al movimento di scrolling, di bloccare un elemento in una posizione di scrolling specifico (i famosi sticky elements),di creare animazioni in diversi punti della pagina mentre l’utente esegue lo scrolling della stessa, questo è il plugin che fa per voi!!!
Con ScrollMagic inoltre è molto semplice aggiungere un effetto di parallasse, che fa sempre il suo bell’effetto in un sito web…
È inoltre possibile richiamare funzioni di callback quando l’utente raggiunge determinate posizioni di scorrimento o reagire in altro modo nella posizione di scorrimento corrente.
Il plugin supporta tutti i principali browser nelle versioni più recenti: da Firefox 26+, a Chrome 30+, a Safari 6+, a Opera 19+ per finire con il buon IE9+.
ScrollMagic è una riscrittura completa del suo predecessore, Superscrollorama.
Come Superscrollorama si basa sulla piattaforma Animation Greensock (GSAP) per la creazione delle animazioni, ma è stato sviluppato con un’occhio particolare verso le carenze del suo predecessore.
I principali vantaggi che si hanno nell’utilizzo di ScrollMagic includono:
- prestazioni ottimizzate
- flessibilità
- compatibilità mobile
- già pronto per layout responsive
- programmazione orientata agli oggetti ed al concatenamento degli stessi
- gestione degli eventi
- supporto per entrambi i sensi di scorrimento (orizzontale e verticale), anche diversi in una sola pagina
- supporto per lo scorrimento all’interno di contenitori, anche multipli, su una pagina
- estese funzionalità di debugging e di logging
Demo, caratteristiche e documentazione le trovate su http://janpaepke.github.io/ScrollMagic/