Autore Topic: [RISOLTO] Effetto animazione da corpo articolo a modulo e viceversa  (Letto 179 volte)

Offline sgiobbio

  • Esploratore
  • **
  • Post: 101
    • Mostra profilo
    • Convivium
Guardando un articolo (impressionante) sul sito web di CNN, ho apprezzato un effetto che mi piacerebbe ripetere su un sito joomla: il Box Video incorporato all'inizio dell'articolo, non appena si inizia lo scrolling, si sposta a destra in una posizione-modulo, si rimpicciolisce a grandezza-modulo, e resta fixed in alto a destra in evidenza durante l'ulteriore scrolling.
Se si ritorna al top della pagina, il box video si sposta di nuovo dal modulo all'interno dell'articolo, ritornando alle dimensioni originali.

Il link è questo: https://edition.cnn.com/2018/08/21/us/montana-wildfire-father-and-son-escape-video/index.html

Qualcuno ha idea se esista un'estensione per joomla che faccia una cosa analoga?
 
« Ultima modifica: 26 Ago 2018, 15:09:12 da sgiobbio »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Effetto animazione da corpo articolo a modulo e viceversa
« Risposta #1 il: 26 Ago 2018, 14:52:08 »
Non credo esista nessuna estensione del genere, però se lavori di html+CSS+JS, qui la soluzione:

https://webdesign.tutsplus.com/tutorials/how-to-create-a-sticky-floating-video-on-page-scroll--cms-28342
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline sgiobbio

  • Esploratore
  • **
  • Post: 101
    • Mostra profilo
    • Convivium
Re:Effetto animazione da corpo articolo a modulo e viceversa
« Risposta #2 il: 26 Ago 2018, 15:07:55 »
Magnifico! Grazie Giusebos, sapevo che bastava domandare! Metto risolto... ll risolto più veloce del west...

Online marine

  • Moderator
  • Instancabile
  • *****
  • Post: 4374
  • Sesso: Maschio
    • Mostra profilo
Re:Effetto animazione da corpo articolo a modulo e viceversa
« Risposta #3 il: 26 Ago 2018, 18:15:50 »
Non credo esista nessuna estensione del genere, però se lavori di html+CSS+JS, qui la soluzione:

https://webdesign.tutsplus.com/tutorials/how-to-create-a-sticky-floating-video-on-page-scroll--cms-28342
Gran bella dritta, grazie della condivisione!

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19594
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
questo sticky va molto di moda nelle testate giornalistiche, poi altri siti lo hanno sfruttato per mostrarti la pubblicità.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 

Torna su