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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

javascriptelem.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:

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