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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

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

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