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:

elem.scrollIntoView(true);

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

elem.scrollIntoView(false);

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

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

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

Daný prvok a tlačidlo. Po stlačení tlačidla posuňte stránku k danému prvku. Vyskúšajte všetky opísané možnosti.