Metoda pentru a derula fereastra către un element în JavaScript

Metoda scrollIntoView derulează fereastra către elementul dat. Metoda este aplicată elementului către care trebuie să se deruleze fereastra. Parametrul metodei reglează unde ar trebui să se poziționeze elementul: în partea de sus a ferestrei sau în partea de jos.

Să ne uităm la exemple. Să derulăm fereastra astfel încât elementul să fie în partea de sus a ferestrei:

elem.scrollIntoView(true);

Și acum să derulăm fereastra astfel încât elementul să fie în partea de jos a ferestrei:

elem.scrollIntoView(false);

De asemenea, poți transmite ca parametru un obiect cu setări. Să derulăm fereastra lin către element:

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

Obiectul cu setări are, de asemenea, opțiuni de aliniere a paginii în raport cu elementul. Setarea block specifică alinierea verticală, iar setarea inline - cea orizontală. Ele pot lua următoarele valori: 'start', 'center', 'end', 'nearest'.

Să încercăm:

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

Este dat un element și un buton. La click pe buton, derulați pagina către acest element. Testați toate capabilitățile descrise.