Metoda za skrolovanje prozora do elementa u JavaScript-u

Metoda scrollIntoView skroluje prozor do zadatog elementa. Metoda se primenjuje na element do koga treba skrolovati prozor. Parametrom metode se reguliše gde bi se element trebao naći: na vrhu prozora ili na dnu.

Pogledajmo na primerima. Skrolujmo prozor tako da element bude na vrhu prozora:

elem.scrollIntoView(true);

A sada skrolujmo prozor tako da element bude na dnu prozora:

elem.scrollIntoView(false);

Takođe se može proslediti objekat sa podešavanjima kao parametar. Pogledajmo glatko skrolovanje prozora do elementa:

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

Objekat sa podešavanjima takođe ima opcije za poravnanje stranice u odnosu na element. Opcija block određuje vertikalno poravnanje, a opcija inline - horizontalno. One mogu imati sledeće vrednosti: 'start', 'center', 'end', 'nearest'.

Probajmo:

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

Dat su element i dugme. Klikom na dugme skrolujte stranicu do datog elementa. Isprobajte sve opisan mogućnosti.