Vai al contenuto

Scrolling magico con Scroll Magic Plugin

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!!!

scrollMagic

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/

Scritto da jqueryitalia

Sito WEB: http://www.jqueryitalia.org

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi