Метад для пракруткі акна да элемента ў 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',
});

Дадзены элемент і кнопка. Па націску на кнопку пракруціце старонку да дадзенага элемента. Апрабуйце ўсе апісаныя магчымасці.