Метод за прокрутка на прозореца към елемент в 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',
});

Даден е елемент и бутон. При натискане на бутона прокрутете страницата към този елемент. Изпробвайте всички описани възможности.