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:

elem.scrollIntoView(true);

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

elem.scrollIntoView(false);

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

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

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

Podan je element in gumb. Ob kliku na gumb pomaknite stran do tega elementa. Preizkusite vse opisane možnosti.