Metoda przewijania okna do elementu w JavaScript

Metoda scrollIntoView przewija okno do określonego elementu. Metoda jest stosowana do elementu, do którego należy przewinąć okno. Parametrem metody reguluje się, gdzie powinien znaleźć się element: u góry okna lub na dole.

Spójrzmy na przykładach. Przewińmy okno tak, aby element był u góry okna:

elem.scrollIntoView(true);

A teraz przewińmy okno tak, aby element był na dole okna:

elem.scrollIntoView(false);

Można również parametrem przekazać obiekt z ustawieniami. Płynnie przewińmy okno do elementu:

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

Obiekt z ustawieniami ma również ustawienia wyrównania strony względem elementu. Ustawienie block określa wyrównanie pionowe, a ustawienie inline - poziome. Mogą one przyjmować następujące wartości: 'start', 'center', 'end', 'nearest'.

Spróbujmy:

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

Dany jest element i przycisk. Po naciśnięciu przycisku przewiń stronę do tego elementu. Wypróbuj wszystkie opisane możliwości.