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

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

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

elem.scrollIntoView(true);

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

elem.scrollIntoView(false);

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

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

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

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

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

Да је елемент и дугме. Притиском на дугме скролујте страницу до датог елемента. Испробајте све описанe могућности.