Praticamente devo ricorda l'altezza della pagina in cui era l'utente, in modo da andare a quell'altezza nel caso in cui l'utente cambi pagine e poi ritorni li.
In Angular possiamo fare tutto questo usando un service apposito.
Nel service andiamo a memorizzare l'altezza nel localStorage (o nel sessionStorage se volete), e poi la riprendiamo quando ci torniamo.
Supponiamo che quando clicco su una immagine la pagina debba scrollare fino ad un certo punto, tipo ad un div.
Ma deve arrivare un pò più in su.
Possiamo fare questo in Javascript.
Quello che vogliamo ottenere è che il video si avvii quando scrolliamo o facciamo il resizing di una pagina web.
In base ovviamente a determinate misure/posizione.
Ci basterà un pò di Javascript.
In un precedente articolo abbiamo visto come creare uno scroll infinito in React, usando però una libreria esterna.
In questo articolo vediamo come creare una cosa simile senza usare librerie.
react-infinite-scroll-component è (una) delle librerie per React per creare uno scroll infinito.
In questo articolo vediamo come usarlo.
Ovviamente non ho speso molto tempo per l'aspetto grafico....
Intercettare l'evento scroll in Javascript è abbastanza semplice.
Quello che vogliamo fare in questo articolo è controllare in che direzione vada lo scroll.