Metoda za pomikanje okna do elementa v JavaScriptu

Metoda scrollIntoView pomakne okno do danega elementa. Metoda se uporabi na elementu, do katerega želimo pomakniti okno. S parametrom metode uravnavamo, kje naj se element nahaja: na vrhu okna ali na dnu.

Poglejmo si primere. Pomaknimo okno tako, da bo element na vrhu okna:

javascriptelem.scrollIntoView(true);

Zdaj pa pomaknimo okno tako, da bo element na dnu okna:

javascriptelem.scrollIntoView(false);

Kot parameter lahko podamo tudi objekt z nastavitvami. Gladko pomaknimo okno do elementa:

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

Objekt z nastavitvami ima tudi nastavitve za poravnavo strani glede na element. Nastavitev block določa navpično poravnavo, nastavitev inline pa vodoravno. Lahko sprejmejo naslednje vrednosti: 'start', 'center', 'end', 'nearest'.

Poskusimo:

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