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

Даден е елемент и копче. При клик на копчето скролирајте ја страницата до дадениот елемент. Испробајте ги сите опишани можности.