Intersection Observer API di Javascript ci permette in sostanza di identificare quando un componente diventa visibile nella pagina ed effettuare un'operazione.
In questo articolo vediamo come usarla per animare i componente che vengono visualizzati nella pagina quando eseguiamo lo scroll.
Non c'è necessità di componenti esterni / plugin; ma solo di Javascript e CSS.
Si vede su molti siti Google Maps impostato come background di un div o di un qualsiasi altro componente.
Su di un sito che sto sviluppando anche io ho avuto la necessità di metterlo come background.
Impostare altezza e larghezza al 100% non basta ovviamente.
Vi mostro il mio esempio, omettendo la parte Javascript di inizializzazione che è sempre la stessa.
Per il nostro scopo ci basta HTML e CSS una volta caricata la mappa.