A scrollIntoView metódus az ablak elemhez görgetésére JavaScriptben

A scrollIntoView metódus az ablakot egy adott elemhez görgeti. A metódust arra az elemre kell alkalmazni, amelyhez az ablakot el kell görgetni. A metódus paraméterével szabályozhatjuk, hol jelenjen meg az elem: az ablak tetején vagy alján.

Nézzünk példákat. Görgessük az ablakot úgy, hogy az elem az ablak tetején legyen:

elem.scrollIntoView(true);

Most pedig görgessük az ablakot úgy, hogy az elem az ablak alján legyen:

elem.scrollIntoView(false);

Paraméterként átadhatunk egy objektumot beállításokkal is. Görgessük az ablakot az elemhez simán:

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

A beállítások objektumának vannak olyan beállításai is, amelyek az oldal elemhez viszonyított igazítását szabályozzák. A block beállítás a függőleges igazítást határozza meg, míg a inline beállítás a vízszintest. A következő értékeket vehetik fel: 'start', 'center', 'end', 'nearest'.

Próbáljuk ki:

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

Adott egy elem és egy gomb. A gomb megnyomására görgesse az oldalt ehhez az elemhez. Próbálja ki az összes leírt lehetőséget.