Metodas skirtas slinkti langą prie elemento JavaScript

Metodas scrollIntoView perstumia langą prie nurodyto elemento. Metodas taikomas elementui, prie kurio reikia perstumti langą. Metodo parametru reguliuojama, kur turėtų būti elementas: lango viršuje arba apačioje.

Pažiūrėkime pavyzdžiais. Perstumkime langą taip, kad elementas būtų lango viršuje:

javascriptelem.scrollIntoView(true);

O dabar perstumkime langą taip, kad elementas būtų apačioje:

javascriptelem.scrollIntoView(false);

Taip pat parametru galima perduoti objektą su nustatymais. Leiskite sklandžiai perstumti langą prie elemento:

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

Objektas su nustatymais taip pat turi nustatymus puslapio lygiavimo elemento atžvilgiu. Nustatymas block nustato vertikalųjį lygiavimą, o nustatymas inline - horizontalųjį. Jie gali priimti šias reikšmes: 'start', 'center', 'end', 'nearest'.

Pabandykime:

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