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',
});

Элемент және батырма берілген. Батырманы басқанда бетті осы элементке айналдырыңыз. Сипатталған мүмкіндіктердің барлығын сынап көріңіз.