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:

elem.scrollIntoView(true);

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

elem.scrollIntoView(false);

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

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

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

Bir element we düwme berlen. Düwmä basylanda sahypany şol elemente aýlaň. Görkezilen mümkinçilikleriň hemmesini synaň.