Metodo per scorrere la finestra fino a un elemento in JavaScript

Il metodo scrollIntoView scorre la finestra fino all'elemento specificato. Il metodo viene applicato all'elemento fino al quale si desidera far scorrere la finestra. Il parametro del metodo regola dove dovrebbe trovarsi l'elemento: in alto o in basso nella finestra.

Vediamo alcuni esempi. Scorriamo la finestra in modo che l'elemento sia in alto:

elem.scrollIntoView(true);

Ora scorriamo la finestra in modo che l'elemento sia in basso:

elem.scrollIntoView(false);

È anche possibile passare come parametro un oggetto con le impostazioni. Scorriamo la finestra fino all'elemento in modo fluido:

elem.scrollIntoView({
	behavior: 'smooth',
});

L'oggetto con le impostazioni ha anche opzioni per l'allineamento della pagina rispetto all'elemento. L'impostazione block definisce l'allineamento verticale, e l'impostazione inline - quello orizzontale. Possono assumere i seguenti valori: 'start', 'center', 'end', 'nearest'.

Proviamo:

elem.scrollIntoView({
	behavior: 'smooth',
	block: 'start',
	inline: 'end',
});

Dato un elemento e un pulsante. Alla pressione del pulsante, scorri la pagina fino a questo elemento. Prova tutte le funzionalità descritte.