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:

elem.scrollIntoView(true);

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

elem.scrollIntoView(false);

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

elem.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:

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

Duotas elementas ir mygtukas. Paspaudus mygtuką, perstumkite puslapį prie šio elemento. Išbandykite visas aprašytas galimybes.