Metóda na posunutie okna k prvku v JavaScripte

Metóda scrollIntoView posunie okno k zadanému prvku. Metóda sa aplikuje na prvok, ku ktorému sa má okno posunúť. Parametrom metódy sa reguluje, kde sa má prvok ocitnúť: na vrchu okna alebo na spodku.

Pozrime sa na príklady. Posuňme okno tak, aby bol prvok na vrchu okna:

javascriptelem.scrollIntoView(true);

A teraz posuňme okno tak, aby bol prvok na spodku okna:

javascriptelem.scrollIntoView(false);

Je možné tiež parametrom odovzdať objekt s nastaveniami. Poďme plynulo posunúť okno k prvku:

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

Objekt s nastaveniami má tiež nastavenia zarovnania stránky vo vzťahu k prvku. Nastavenie block určuje vertikálne zarovnanie, a nastavenie inline - horizontálne. Môžu nadobúdať nasledujúce hodnoty: 'start', 'center', 'end', 'nearest'.

Vyskúšajme:

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