Metode for å bla vinduet til et element i JavaScript

Metoden scrollIntoView blar vinduet til et gitt element. Metoden brukes på elementet som vinduet skal blas til. Parameteren til metoden regulerer hvor elementet skal plasseres: på toppen av vinduet eller på bunnen.

La oss se på eksempler. La oss bla vinduet slik at elementet er på toppen av vinduet:

elem.scrollIntoView(true);

Og nå blar vi vinduet slik at elementet er på bunnen av vinduet:

elem.scrollIntoView(false);

Du kan også sende et objekt med innstillinger som parameter. La oss bla vinduet jevnt til elementet:

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

Objektet med innstillinger har også innstillinger for justering av siden i forhold til elementet. Innstillingen block angir vertikal justering, og innstillingen inline - horisontal. De kan ha følgende verdier: 'start', 'center', 'end', 'nearest'.

La oss prøve:

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

Gitt et element og en knapp. Ved klikk på knappen, bla siden til dette elementet. Prøv ut alle de beskrevne mulighetene.