JavaScript-de bir elemente pencereni aýlamak üçin usul

scrollIntoView usuly penceräni görkezilen elemente aýladýar. Bu usul penceräniň aýlanmalydyr elementine goýulýar. Usulyň parametri bilen element nirede bolmalydygyny düzmek bolar: penceräniň ýokarsynda ýa-da aşagysynda.

Geliň mysallar bilen göreli. Pençäni şeýle aýlalyň, element penceräniň ýokarsynda bolsun:

javascriptelem.scrollIntoView(true);

Indi bolsa pençäni şeýle aýlalyň, element penceräniň aşagysynda bolsun:

javascriptelem.scrollIntoView(false);

Parametr hökmünde sazlamalaryň objekti hem iberip bolýar. Geliň pençäni elemente ýumşak aýlalyň:

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

Sazlamalaryň objekti hem-de sahypany elemente garanyňda ornaşdyrmak sazlamalaryna eýedir. block sazlamasy şaqulyny ornaşdyrmany, inline sazlamasy bolsa gorizontalyny kesgitleýär. Olar aşakdaky bahalary alyp biler: 'start', 'center', 'end', 'nearest'.

Geliň synap göreli:

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