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:

javascriptelem.scrollIntoView(true);

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

javascriptelem.scrollIntoView(false);

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

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

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