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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

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

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