Метода за скроловање прозора до елемента у JavaScript-у

Метод scrollIntoView скролује прозор до задатог елемента. Метод се примењује на елемент до кога треба скроловати прозор. Параметром метода се регулише где треба да се нађе елемент: на врху прозора или на дну.

Хајде да погледамо на примерима. Скролујмо прозор тако да елемент буде на врху прозора:

javascriptelem.scrollIntoView(true);

А сада скролујмо прозор тако да елемент буде на дну прозора:

javascriptelem.scrollIntoView(false);

Може се такође параметром проследити објекат са подешавањима. Хајде да глатко скролујмо прозор до елемента:

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

Објекат са подешавањима има такође подешавања поравнања странице у односу на елемент. Подешавање block задаје вертикално поравнање, а подешавање inline - хоризонтално. Оне могу да прихвате следеће вредности: 'start', 'center', 'end', 'nearest'.

Хајде да пробамо:

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