Усули scrollIntoView баро гардондани равзана ба унсури муайян дар JavaScript

Усули scrollIntoView равзанаро ба унсури муайянгардондашуда мегардонад. Ин усул ба унсуре татбиқ карда мешавад, ки ба он бояд равзана гардонда шавад. Бо параметри усул танзим карда мешавад, ки унсур дар куҷо бояд қарор гирад: болои равзана ё поёни он.

Биёед ба мисолҳа нигарем. Биёед равзанаро чунон гардонем, ки унсур дар болои равзана бошад:

elem.scrollIntoView(true);

Ва акнун равзанаро чунон гардонем, ки унсур дар поёни равзана бошад:

elem.scrollIntoView(false);

Ҳамчунин метавон параметрро ҳамчун объект бо танзимот фиристод. Биёед равзанаро ба таври оҳиста ба унсур гардонем:

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

Объекти бо танзимот низ танзимоти ҳамвор кардани саҳифаро нисбат ба унсур дорад. Танзими block ҳамвории амудиро муайян мекунад, ва танзими inline - ҳамвории уфуқиро. Онҳо метавонанд қиматҳои зеринро қабул кунанд: 'start', 'center', 'end', 'nearest'.

Биёед кӯшиш кунем:

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

Унсур ва тугма дода шудааст. Бо пахш кардан ба тугма саҳифаро ба ин унсур гардонед. Ҳамаи имкониятҳои тавсифшударо озмоиш кунед.