JavaScript терезесін элементке айналдыру әдісі

scrollIntoView әдісі терезені берілген элементке айналдырады. Әдіс терезе айналдырылуы керек элементке қолданылады. Әдіс параметрі арқылы элементтің қай жерде орнатуы керек екенін реттейді: терезенің жоғарғы жағында немесе төменгі жағында.

Мысалдарды қарастырайық. Терезені элемент терезеңің жоғарғы жағында болатындай етіп айналдырайық:

javascriptelem.scrollIntoView(true);

Енді терезені элемент төменгі жағында болатындай етіп айналдырайық:

javascriptelem.scrollIntoView(false);

Сондай-ақ параметр ретінде баптаулармен объект беруге болады. Терезені элементке бірқалыпты айналдырайық:

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

Баптаулар объектісінде бетті элементке қатысты туралау баптаулары бар. block баптауы тік туралауды орнатады, ал inline баптауы - көлденең туралауды. Олар келесі мәндерді қабылдай алады: 'start', 'center', 'end', 'nearest'.

Келіңіздер, байыптап көрейік:

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