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